[
  {
    "path": ".bundle/config",
    "content": "BUNDLE_PATH: \"vendor/bundle\"\nBUNDLE_FORCE_RUBY_PLATFORM: 1\n"
  },
  {
    "path": ".commitlintrc.json",
    "content": "{\r\n  \"extends\": [\"@commitlint/config-conventional\"],\r\n  \"rules\": {\r\n    \"type-enum\": [\r\n      2,\r\n      \"always\",\r\n      [\r\n        \"ci\",\r\n        \"chore\",\r\n        \"docs\",\r\n        \"feat\",\r\n        \"fix\",\r\n        \"perf\",\r\n        \"refactor\",\r\n        \"revert\",\r\n        \"style\"\r\n      ]\r\n    ]\r\n  }\r\n}\r\n"
  },
  {
    "path": ".eslintignore",
    "content": "src/lib/*"
  },
  {
    "path": ".eslintrc.js",
    "content": "module.exports = {\n    root: true,\n    extends: ['@react-native', 'prettier'],\n    overrides: [\n        {\n            files: ['*.ts', '*.tsx'],\n            rules: {\n                '@typescript-eslint/no-shadow': 'warn',\n                'no-shadow': 'off',\n                'no-undef': 'off',\n                'react-hooks/exhaustive-deps': 'warn',\n                '@typescript-eslint/object-curly-spacing': ['error', 'always'],\n                \"quotes\": [\"warn\", \"double\"],\n                \"object-curly-spacing\": [\"error\", \"always\"],\n                \"indent\": [\"error\", 4],\n                \"semi\": [\"error\", \"always\"],\n                \"comma-dangle\": [\"error\", \"always-multiline\"], \n                \"brace-style\": [\"error\", \"1tbs\"], \n            },\n        },\n    ],\n};\n"
  },
  {
    "path": ".github/ISSUE_TEMPLATE/bug_report_zh.yaml",
    "content": "---\nname: 反馈问题\ndescription: 问题反馈模板\nlabels: [\"bug\"]\nbody:\n  - type: markdown\n    attributes:\n      value: \"## 不要在此仓库提和具体插件有关的问题！！！\"\n    \n  - type: checkboxes\n    attributes:\n      label: 提问题之前，请先确认\n      description: \"请勾选以下确认项\"\n      options:\n        - label: \"已经阅读过Q&A (https://musicfree.catcat.work/qa/mobile.html)\"\n          required: true\n        - label: \"要提出的问题与插件功能无关（类似某个插件搜索结果不全、ip被封禁等请找对应插件作者，在此仓库下提具体插件的问题将会被直接关闭）\"\n          required: true\n        - label: \"不与其他已有issue重复\"\n          required: true\n\n  - type: textarea\n    id: system_info\n    attributes:\n      label: 系统信息\n      description: \"请填写以下系统信息\"\n      placeholder: |\n        软件版本：\n        系统版本：\n        设备型号：\n    validations:\n      required: true\n\n  - type: textarea\n    id: problem_description\n    attributes:\n      label: 问题描述\n      description: \"请详细描述问题现象及预期正确行为\"\n      placeholder: \"例如：当执行XX操作时，出现XX现象，预期应该XX...\"\n    validations:\n      required: true\n\n  - type: textarea\n    id: reproduction_steps\n    attributes:\n      label: 复现步骤\n      description: \"请按顺序描述复现步骤\"\n      placeholder: |\n        1. 打开应用\n        2. 点击XX按钮\n        3. ...\n    validations:\n      required: true\n\n  - type: textarea\n    id: screenshots_logs\n    attributes:\n      label: 截图 & 日志\n      description: \"请粘贴截图链接或错误日志（可拖放文件直接上传截图）\"\n      placeholder: \"错误日志示例：\\n[2023-01-01 12:00] ERROR: xxxx\"\n    validations:\n      required: false\n"
  },
  {
    "path": ".github/ISSUE_TEMPLATE/config.yml",
    "content": "blank_issues_enabled: false\ncontact_links:\n  - name: 讨论区\n    url: https://github.com/maotoumao/MusicFree/discussions\n    about: 在这里讨论或寻求帮助\n"
  },
  {
    "path": ".github/ISSUE_TEMPLATE/feature_request_zh.yaml",
    "content": "---\nname: 提交新需求\ndescription: 新功能需求模板\nlabels: [\"feature\"]\nbody:\n  - type: checkboxes\n    attributes:\n      label: 提需求之前，请先确认\n      description: \"请检查以下确认项\"\n      options:\n        - label: \"已经阅读过Q&A (https://musicfree.catcat.work/qa/mobile.html)\"\n          required: true\n        - label: \"新需求不是仅仅满足个人口味的需求\"\n          required: true\n        - label: \"新需求不与其他已有issue重复\"\n          required: true\n        - label: \"我可以在代码、测试上提供帮助\"\n          required: false\n\n  - type: textarea\n    id: feature_description\n    attributes:\n      label: 需求描述\n      description: \"请详细说明需求背景、使用场景和预期效果\"\n      placeholder: |\n        例如：\n        - 当前存在的痛点是什么？\n        - 希望如何解决这个问题？\n        - 预期的使用体验是怎样的？\n    validations:\n      required: true\n\n  - type: textarea\n    id: attachments\n    attributes:\n      label: 附件信息（可选）\n      description: \"可拖放上传示意图/设计稿\"\n      placeholder: \"设计稿说明或云文档链接...\"\n    validations:\n      required: false\n"
  },
  {
    "path": ".github/workflows/build-beta.yml",
    "content": "name: Beta 构建\n\non:\n  push:\n    branches: [dev]\n    paths: ['package.json']\n  workflow_dispatch:\n    inputs:\n      force_build:\n        description: '强制构建 Beta 版本'\n        required: false\n        default: 'false'\n        type: boolean\n\njobs:\n  check-version:\n    if: github.actor == 'maotoumao' || github.event_name == 'push'\n    runs-on: ubuntu-latest\n    outputs:\n      should_build: ${{ steps.version_check.outputs.should_build }}\n      version: ${{ steps.version_check.outputs.version }}\n    steps:\n      - name: Checkout\n        uses: actions/checkout@v4\n\n      - name: Check version format\n        id: version_check\n        run: |\n          VERSION=$(node -p \"require('./package.json').version\")\n          echo \"Current version: $VERSION\"\n          \n          # 检查版本是否符合 -beta.xx 格式\n          if [[ $VERSION =~ -beta\\.[0-9]{1,2}$ ]]; then\n            echo \"✅ Version matches beta format: $VERSION\"\n            echo \"should_build=true\" >> $GITHUB_OUTPUT\n            echo \"version=$VERSION\" >> $GITHUB_OUTPUT\n          elif [[ \"${{ github.event_name }}\" == \"workflow_dispatch\" && \"${{ inputs.force_build }}\" == \"true\" ]]; then\n            echo \"🔧 Force build triggered by workflow_dispatch\"\n            echo \"should_build=true\" >> $GITHUB_OUTPUT\n            echo \"version=$VERSION\" >> $GITHUB_OUTPUT\n          else\n            echo \"❌ Version does not match beta format or not forced: $VERSION\"\n            echo \"should_build=false\" >> $GITHUB_OUTPUT\n          fi\n\n  build-beta:\n    needs: check-version\n    if: needs.check-version.outputs.should_build == 'true'\n    runs-on: ubuntu-latest\n    steps:\n      - name: Checkout\n        uses: actions/checkout@v4\n\n      - name: Setup Java\n        uses: actions/setup-java@v4\n        with:\n          java-version: '17'\n          distribution: 'temurin'\n          cache: 'gradle'\n\n      - name: Setup Node.js\n        uses: actions/setup-node@v4\n        with: \n          node-version: 20\n          cache: 'npm'\n\n      - name: Cache React Native dependencies\n        uses: actions/cache@v4\n        with:\n          path: |\n            node_modules\n            ~/.gradle/caches\n            ~/.gradle/wrapper\n            android/.gradle\n          key: ${{ runner.os }}-rn-${{ hashFiles('package-lock.json', 'android/gradle/wrapper/gradle-wrapper.properties') }}\n          restore-keys: |\n            ${{ runner.os }}-rn-\n\n      - name: Install Dependencies\n        run: npm ci --prefer-offline --no-audit      \n        \n      - name: Setup Keystore (if secrets available)\n        if: ${{ secrets.RELEASE_KEYSTORE_BASE64 != '' }}\n        run: |\n          echo \"${{ secrets.RELEASE_KEYSTORE_BASE64 }}\" | base64 -d > android/app/release.keystore\n          cat > android/keystore.properties << 'EOF'\n          RELEASE_STORE_FILE=release.keystore\n          RELEASE_STORE_PASSWORD=${{ secrets.RELEASE_STORE_PASSWORD }}\n          RELEASE_KEY_ALIAS=${{ secrets.RELEASE_KEY_ALIAS }}\n          RELEASE_KEY_PASSWORD=${{ secrets.RELEASE_KEY_PASSWORD }}\n          EOF\n          chmod 600 android/keystore.properties android/app/release.keystore\n\n      - name: Make gradlew executable\n        run: chmod +x android/gradlew\n\n      - name: Build Beta APK\n        run: | \n          cd android\n          ./gradlew assembleRelease --parallel --build-cache --configure-on-demand\n\n      - name: List generated APKs\n        run: |\n          echo \"📱 Generated APK files:\"\n          find android/app/build/outputs/apk/release -name \"*.apk\" -exec ls -lh {} \\;\n\n      - name: Upload Beta APKs\n        uses: actions/upload-artifact@v4\n        with:\n          name: beta-apks-${{ needs.check-version.outputs.version }}\n          path: android/app/build/outputs/apk/release/*.apk\n          retention-days: 30\n\n      - name: Build Summary\n        run: |\n          echo \"🎉 Beta build completed successfully!\"\n          echo \"📦 Version: ${{ needs.check-version.outputs.version }}\"\n          echo \"🚀 Triggered by: ${{ github.event_name }}\"\n          echo \"👤 Actor: ${{ github.actor }}\"\n"
  },
  {
    "path": ".gitignore",
    "content": "# OSX\r\n#\r\n.DS_Store\r\n\r\n# Xcode\r\n#\r\nbuild/\r\n*.pbxuser\r\n!default.pbxuser\r\n*.mode1v3\r\n!default.mode1v3\r\n*.mode2v3\r\n!default.mode2v3\r\n*.perspectivev3\r\n!default.perspectivev3\r\nxcuserdata\r\n*.xccheckout\r\n*.moved-aside\r\nDerivedData\r\n*.hmap\r\n*.ipa\r\n*.xcuserstate\r\n**/.xcode.env.local\r\n\r\n# Android/IntelliJ\r\n#\r\nbuild/\r\n.idea\r\n.gradle\r\nlocal.properties\r\n*.iml\r\n*.hprof\r\n.cxx/\r\n*.keystore\r\n!debug.keystore\r\n\r\n# node.js\r\n#\r\nnode_modules/\r\nnpm-debug.log\r\nyarn-error.log\r\n\r\n# fastlane\r\n#\r\n# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the\r\n# screenshots whenever they are needed.\r\n# For more information about the recommended setup visit:\r\n# https://docs.fastlane.tools/best-practices/source-control/\r\n\r\n**/fastlane/report.xml\r\n**/fastlane/Preview.html\r\n**/fastlane/screenshots\r\n**/fastlane/test_output\r\n\r\n# Bundle artifact\r\n*.jsbundle\r\n\r\n# Ruby / CocoaPods\r\n**/Pods/\r\n/vendor/bundle/\r\n\r\n# Temporary files created by Metro to check the health of the file watcher\r\n.metro-health-check*\r\n\r\n# testing\r\n/coverage\r\n\r\n# Yarn\r\n.yarn/*\r\n!.yarn/patches\r\n!.yarn/plugins\r\n!.yarn/releases\r\n!.yarn/sdks\r\n!.yarn/versions\r\n\r\n\r\nkeystore.properties\r\n.VSCodeCounter/\r\n\r\n.vscode/\r\ntmp/\r\nscripts/\r\n\r\n*.log\r\n# Expo\r\n.expo\r\ndist/\r\nweb-build/"
  },
  {
    "path": ".husky/commit-msg",
    "content": "npm run commit-lint\n"
  },
  {
    "path": ".husky/pre-commit",
    "content": "npm run lint-staged\n"
  },
  {
    "path": ".prettierrc.js",
    "content": "module.exports = {\n  arrowParens: 'avoid',\n  bracketSameLine: true,\n  bracketSpacing: false,\n  singleQuote: true,\n  trailingComma: 'all',\n  tabWidth: 4,\n  useTabs: false,\n  endOfLine: \"auto\"\n};\n"
  },
  {
    "path": ".watchmanconfig",
    "content": "{}\n"
  },
  {
    "path": "Gemfile",
    "content": "source 'https://rubygems.org'\n\n# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version\nruby \">= 2.6.10\"\n\n# Exclude problematic versions of cocoapods and activesupport that causes build failures.\ngem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'\ngem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'\ngem 'xcodeproj', '< 1.26.0'\n"
  },
  {
    "path": "LICENSE",
    "content": "                    GNU AFFERO GENERAL PUBLIC LICENSE\r\n                       Version 3, 19 November 2007\r\n\r\n Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>\r\n Everyone is permitted to copy and distribute verbatim copies\r\n of this license document, but changing it is not allowed.\r\n\r\n                            Preamble\r\n\r\n  The GNU Affero General Public License is a free, copyleft license for\r\nsoftware and other kinds of works, specifically designed to ensure\r\ncooperation with the community in the case of network server software.\r\n\r\n  The licenses for most software and other practical works are designed\r\nto take away your freedom to share and change the works.  By contrast,\r\nour General Public Licenses are intended to guarantee your freedom to\r\nshare and change all versions of a program--to make sure it remains free\r\nsoftware for all its users.\r\n\r\n  When we speak of free software, we are referring to freedom, not\r\nprice.  Our General Public Licenses are designed to make sure that you\r\nhave the freedom to distribute copies of free software (and charge for\r\nthem if you wish), that you receive source code or can get it if you\r\nwant it, that you can change the software or use pieces of it in new\r\nfree programs, and that you know you can do these things.\r\n\r\n  Developers that use our General Public Licenses protect your rights\r\nwith two steps: (1) assert copyright on the software, and (2) offer\r\nyou this License which gives you legal permission to copy, distribute\r\nand/or modify the software.\r\n\r\n  A secondary benefit of defending all users' freedom is that\r\nimprovements made in alternate versions of the program, if they\r\nreceive widespread use, become available for other developers to\r\nincorporate.  Many developers of free software are heartened and\r\nencouraged by the resulting cooperation.  However, in the case of\r\nsoftware used on network servers, this result may fail to come about.\r\nThe GNU General Public License permits making a modified version and\r\nletting the public access it on a server without ever releasing its\r\nsource code to the public.\r\n\r\n  The GNU Affero General Public License is designed specifically to\r\nensure that, in such cases, the modified source code becomes available\r\nto the community.  It requires the operator of a network server to\r\nprovide the source code of the modified version running there to the\r\nusers of that server.  Therefore, public use of a modified version, on\r\na publicly accessible server, gives the public access to the source\r\ncode of the modified version.\r\n\r\n  An older license, called the Affero General Public License and\r\npublished by Affero, was designed to accomplish similar goals.  This is\r\na different license, not a version of the Affero GPL, but Affero has\r\nreleased a new version of the Affero GPL which permits relicensing under\r\nthis license.\r\n\r\n  The precise terms and conditions for copying, distribution and\r\nmodification follow.\r\n\r\n                       TERMS AND CONDITIONS\r\n\r\n  0. Definitions.\r\n\r\n  \"This License\" refers to version 3 of the GNU Affero General Public License.\r\n\r\n  \"Copyright\" also means copyright-like laws that apply to other kinds of\r\nworks, such as semiconductor masks.\r\n\r\n  \"The Program\" refers to any copyrightable work licensed under this\r\nLicense.  Each licensee is addressed as \"you\".  \"Licensees\" and\r\n\"recipients\" may be individuals or organizations.\r\n\r\n  To \"modify\" a work means to copy from or adapt all or part of the work\r\nin a fashion requiring copyright permission, other than the making of an\r\nexact copy.  The resulting work is called a \"modified version\" of the\r\nearlier work or a work \"based on\" the earlier work.\r\n\r\n  A \"covered work\" means either the unmodified Program or a work based\r\non the Program.\r\n\r\n  To \"propagate\" a work means to do anything with it that, without\r\npermission, would make you directly or secondarily liable for\r\ninfringement under applicable copyright law, except executing it on a\r\ncomputer or modifying a private copy.  Propagation includes copying,\r\ndistribution (with or without modification), making available to the\r\npublic, and in some countries other activities as well.\r\n\r\n  To \"convey\" a work means any kind of propagation that enables other\r\nparties to make or receive copies.  Mere interaction with a user through\r\na computer network, with no transfer of a copy, is not conveying.\r\n\r\n  An interactive user interface displays \"Appropriate Legal Notices\"\r\nto the extent that it includes a convenient and prominently visible\r\nfeature that (1) displays an appropriate copyright notice, and (2)\r\ntells the user that there is no warranty for the work (except to the\r\nextent that warranties are provided), that licensees may convey the\r\nwork under this License, and how to view a copy of this License.  If\r\nthe interface presents a list of user commands or options, such as a\r\nmenu, a prominent item in the list meets this criterion.\r\n\r\n  1. Source Code.\r\n\r\n  The \"source code\" for a work means the preferred form of the work\r\nfor making modifications to it.  \"Object code\" means any non-source\r\nform of a work.\r\n\r\n  A \"Standard Interface\" means an interface that either is an official\r\nstandard defined by a recognized standards body, or, in the case of\r\ninterfaces specified for a particular programming language, one that\r\nis widely used among developers working in that language.\r\n\r\n  The \"System Libraries\" of an executable work include anything, other\r\nthan the work as a whole, that (a) is included in the normal form of\r\npackaging a Major Component, but which is not part of that Major\r\nComponent, and (b) serves only to enable use of the work with that\r\nMajor Component, or to implement a Standard Interface for which an\r\nimplementation is available to the public in source code form.  A\r\n\"Major Component\", in this context, means a major essential component\r\n(kernel, window system, and so on) of the specific operating system\r\n(if any) on which the executable work runs, or a compiler used to\r\nproduce the work, or an object code interpreter used to run it.\r\n\r\n  The \"Corresponding Source\" for a work in object code form means all\r\nthe source code needed to generate, install, and (for an executable\r\nwork) run the object code and to modify the work, including scripts to\r\ncontrol those activities.  However, it does not include the work's\r\nSystem Libraries, or general-purpose tools or generally available free\r\nprograms which are used unmodified in performing those activities but\r\nwhich are not part of the work.  For example, Corresponding Source\r\nincludes interface definition files associated with source files for\r\nthe work, and the source code for shared libraries and dynamically\r\nlinked subprograms that the work is specifically designed to require,\r\nsuch as by intimate data communication or control flow between those\r\nsubprograms and other parts of the work.\r\n\r\n  The Corresponding Source need not include anything that users\r\ncan regenerate automatically from other parts of the Corresponding\r\nSource.\r\n\r\n  The Corresponding Source for a work in source code form is that\r\nsame work.\r\n\r\n  2. Basic Permissions.\r\n\r\n  All rights granted under this License are granted for the term of\r\ncopyright on the Program, and are irrevocable provided the stated\r\nconditions are met.  This License explicitly affirms your unlimited\r\npermission to run the unmodified Program.  The output from running a\r\ncovered work is covered by this License only if the output, given its\r\ncontent, constitutes a covered work.  This License acknowledges your\r\nrights of fair use or other equivalent, as provided by copyright law.\r\n\r\n  You may make, run and propagate covered works that you do not\r\nconvey, without conditions so long as your license otherwise remains\r\nin force.  You may convey covered works to others for the sole purpose\r\nof having them make modifications exclusively for you, or provide you\r\nwith facilities for running those works, provided that you comply with\r\nthe terms of this License in conveying all material for which you do\r\nnot control copyright.  Those thus making or running the covered works\r\nfor you must do so exclusively on your behalf, under your direction\r\nand control, on terms that prohibit them from making any copies of\r\nyour copyrighted material outside their relationship with you.\r\n\r\n  Conveying under any other circumstances is permitted solely under\r\nthe conditions stated below.  Sublicensing is not allowed; section 10\r\nmakes it unnecessary.\r\n\r\n  3. Protecting Users' Legal Rights From Anti-Circumvention Law.\r\n\r\n  No covered work shall be deemed part of an effective technological\r\nmeasure under any applicable law fulfilling obligations under article\r\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\r\nsimilar laws prohibiting or restricting circumvention of such\r\nmeasures.\r\n\r\n  When you convey a covered work, you waive any legal power to forbid\r\ncircumvention of technological measures to the extent such circumvention\r\nis effected by exercising rights under this License with respect to\r\nthe covered work, and you disclaim any intention to limit operation or\r\nmodification of the work as a means of enforcing, against the work's\r\nusers, your or third parties' legal rights to forbid circumvention of\r\ntechnological measures.\r\n\r\n  4. Conveying Verbatim Copies.\r\n\r\n  You may convey verbatim copies of the Program's source code as you\r\nreceive it, in any medium, provided that you conspicuously and\r\nappropriately publish on each copy an appropriate copyright notice;\r\nkeep intact all notices stating that this License and any\r\nnon-permissive terms added in accord with section 7 apply to the code;\r\nkeep intact all notices of the absence of any warranty; and give all\r\nrecipients a copy of this License along with the Program.\r\n\r\n  You may charge any price or no price for each copy that you convey,\r\nand you may offer support or warranty protection for a fee.\r\n\r\n  5. Conveying Modified Source Versions.\r\n\r\n  You may convey a work based on the Program, or the modifications to\r\nproduce it from the Program, in the form of source code under the\r\nterms of section 4, provided that you also meet all of these conditions:\r\n\r\n    a) The work must carry prominent notices stating that you modified\r\n    it, and giving a relevant date.\r\n\r\n    b) The work must carry prominent notices stating that it is\r\n    released under this License and any conditions added under section\r\n    7.  This requirement modifies the requirement in section 4 to\r\n    \"keep intact all notices\".\r\n\r\n    c) You must license the entire work, as a whole, under this\r\n    License to anyone who comes into possession of a copy.  This\r\n    License will therefore apply, along with any applicable section 7\r\n    additional terms, to the whole of the work, and all its parts,\r\n    regardless of how they are packaged.  This License gives no\r\n    permission to license the work in any other way, but it does not\r\n    invalidate such permission if you have separately received it.\r\n\r\n    d) If the work has interactive user interfaces, each must display\r\n    Appropriate Legal Notices; however, if the Program has interactive\r\n    interfaces that do not display Appropriate Legal Notices, your\r\n    work need not make them do so.\r\n\r\n  A compilation of a covered work with other separate and independent\r\nworks, which are not by their nature extensions of the covered work,\r\nand which are not combined with it such as to form a larger program,\r\nin or on a volume of a storage or distribution medium, is called an\r\n\"aggregate\" if the compilation and its resulting copyright are not\r\nused to limit the access or legal rights of the compilation's users\r\nbeyond what the individual works permit.  Inclusion of a covered work\r\nin an aggregate does not cause this License to apply to the other\r\nparts of the aggregate.\r\n\r\n  6. Conveying Non-Source Forms.\r\n\r\n  You may convey a covered work in object code form under the terms\r\nof sections 4 and 5, provided that you also convey the\r\nmachine-readable Corresponding Source under the terms of this License,\r\nin one of these ways:\r\n\r\n    a) Convey the object code in, or embodied in, a physical product\r\n    (including a physical distribution medium), accompanied by the\r\n    Corresponding Source fixed on a durable physical medium\r\n    customarily used for software interchange.\r\n\r\n    b) Convey the object code in, or embodied in, a physical product\r\n    (including a physical distribution medium), accompanied by a\r\n    written offer, valid for at least three years and valid for as\r\n    long as you offer spare parts or customer support for that product\r\n    model, to give anyone who possesses the object code either (1) a\r\n    copy of the Corresponding Source for all the software in the\r\n    product that is covered by this License, on a durable physical\r\n    medium customarily used for software interchange, for a price no\r\n    more than your reasonable cost of physically performing this\r\n    conveying of source, or (2) access to copy the\r\n    Corresponding Source from a network server at no charge.\r\n\r\n    c) Convey individual copies of the object code with a copy of the\r\n    written offer to provide the Corresponding Source.  This\r\n    alternative is allowed only occasionally and noncommercially, and\r\n    only if you received the object code with such an offer, in accord\r\n    with subsection 6b.\r\n\r\n    d) Convey the object code by offering access from a designated\r\n    place (gratis or for a charge), and offer equivalent access to the\r\n    Corresponding Source in the same way through the same place at no\r\n    further charge.  You need not require recipients to copy the\r\n    Corresponding Source along with the object code.  If the place to\r\n    copy the object code is a network server, the Corresponding Source\r\n    may be on a different server (operated by you or a third party)\r\n    that supports equivalent copying facilities, provided you maintain\r\n    clear directions next to the object code saying where to find the\r\n    Corresponding Source.  Regardless of what server hosts the\r\n    Corresponding Source, you remain obligated to ensure that it is\r\n    available for as long as needed to satisfy these requirements.\r\n\r\n    e) Convey the object code using peer-to-peer transmission, provided\r\n    you inform other peers where the object code and Corresponding\r\n    Source of the work are being offered to the general public at no\r\n    charge under subsection 6d.\r\n\r\n  A separable portion of the object code, whose source code is excluded\r\nfrom the Corresponding Source as a System Library, need not be\r\nincluded in conveying the object code work.\r\n\r\n  A \"User Product\" is either (1) a \"consumer product\", which means any\r\ntangible personal property which is normally used for personal, family,\r\nor household purposes, or (2) anything designed or sold for incorporation\r\ninto a dwelling.  In determining whether a product is a consumer product,\r\ndoubtful cases shall be resolved in favor of coverage.  For a particular\r\nproduct received by a particular user, \"normally used\" refers to a\r\ntypical or common use of that class of product, regardless of the status\r\nof the particular user or of the way in which the particular user\r\nactually uses, or expects or is expected to use, the product.  A product\r\nis a consumer product regardless of whether the product has substantial\r\ncommercial, industrial or non-consumer uses, unless such uses represent\r\nthe only significant mode of use of the product.\r\n\r\n  \"Installation Information\" for a User Product means any methods,\r\nprocedures, authorization keys, or other information required to install\r\nand execute modified versions of a covered work in that User Product from\r\na modified version of its Corresponding Source.  The information must\r\nsuffice to ensure that the continued functioning of the modified object\r\ncode is in no case prevented or interfered with solely because\r\nmodification has been made.\r\n\r\n  If you convey an object code work under this section in, or with, or\r\nspecifically for use in, a User Product, and the conveying occurs as\r\npart of a transaction in which the right of possession and use of the\r\nUser Product is transferred to the recipient in perpetuity or for a\r\nfixed term (regardless of how the transaction is characterized), the\r\nCorresponding Source conveyed under this section must be accompanied\r\nby the Installation Information.  But this requirement does not apply\r\nif neither you nor any third party retains the ability to install\r\nmodified object code on the User Product (for example, the work has\r\nbeen installed in ROM).\r\n\r\n  The requirement to provide Installation Information does not include a\r\nrequirement to continue to provide support service, warranty, or updates\r\nfor a work that has been modified or installed by the recipient, or for\r\nthe User Product in which it has been modified or installed.  Access to a\r\nnetwork may be denied when the modification itself materially and\r\nadversely affects the operation of the network or violates the rules and\r\nprotocols for communication across the network.\r\n\r\n  Corresponding Source conveyed, and Installation Information provided,\r\nin accord with this section must be in a format that is publicly\r\ndocumented (and with an implementation available to the public in\r\nsource code form), and must require no special password or key for\r\nunpacking, reading or copying.\r\n\r\n  7. Additional Terms.\r\n\r\n  \"Additional permissions\" are terms that supplement the terms of this\r\nLicense by making exceptions from one or more of its conditions.\r\nAdditional permissions that are applicable to the entire Program shall\r\nbe treated as though they were included in this License, to the extent\r\nthat they are valid under applicable law.  If additional permissions\r\napply only to part of the Program, that part may be used separately\r\nunder those permissions, but the entire Program remains governed by\r\nthis License without regard to the additional permissions.\r\n\r\n  When you convey a copy of a covered work, you may at your option\r\nremove any additional permissions from that copy, or from any part of\r\nit.  (Additional permissions may be written to require their own\r\nremoval in certain cases when you modify the work.)  You may place\r\nadditional permissions on material, added by you to a covered work,\r\nfor which you have or can give appropriate copyright permission.\r\n\r\n  Notwithstanding any other provision of this License, for material you\r\nadd to a covered work, you may (if authorized by the copyright holders of\r\nthat material) supplement the terms of this License with terms:\r\n\r\n    a) Disclaiming warranty or limiting liability differently from the\r\n    terms of sections 15 and 16 of this License; or\r\n\r\n    b) Requiring preservation of specified reasonable legal notices or\r\n    author attributions in that material or in the Appropriate Legal\r\n    Notices displayed by works containing it; or\r\n\r\n    c) Prohibiting misrepresentation of the origin of that material, or\r\n    requiring that modified versions of such material be marked in\r\n    reasonable ways as different from the original version; or\r\n\r\n    d) Limiting the use for publicity purposes of names of licensors or\r\n    authors of the material; or\r\n\r\n    e) Declining to grant rights under trademark law for use of some\r\n    trade names, trademarks, or service marks; or\r\n\r\n    f) Requiring indemnification of licensors and authors of that\r\n    material by anyone who conveys the material (or modified versions of\r\n    it) with contractual assumptions of liability to the recipient, for\r\n    any liability that these contractual assumptions directly impose on\r\n    those licensors and authors.\r\n\r\n  All other non-permissive additional terms are considered \"further\r\nrestrictions\" within the meaning of section 10.  If the Program as you\r\nreceived it, or any part of it, contains a notice stating that it is\r\ngoverned by this License along with a term that is a further\r\nrestriction, you may remove that term.  If a license document contains\r\na further restriction but permits relicensing or conveying under this\r\nLicense, you may add to a covered work material governed by the terms\r\nof that license document, provided that the further restriction does\r\nnot survive such relicensing or conveying.\r\n\r\n  If you add terms to a covered work in accord with this section, you\r\nmust place, in the relevant source files, a statement of the\r\nadditional terms that apply to those files, or a notice indicating\r\nwhere to find the applicable terms.\r\n\r\n  Additional terms, permissive or non-permissive, may be stated in the\r\nform of a separately written license, or stated as exceptions;\r\nthe above requirements apply either way.\r\n\r\n  8. Termination.\r\n\r\n  You may not propagate or modify a covered work except as expressly\r\nprovided under this License.  Any attempt otherwise to propagate or\r\nmodify it is void, and will automatically terminate your rights under\r\nthis License (including any patent licenses granted under the third\r\nparagraph of section 11).\r\n\r\n  However, if you cease all violation of this License, then your\r\nlicense from a particular copyright holder is reinstated (a)\r\nprovisionally, unless and until the copyright holder explicitly and\r\nfinally terminates your license, and (b) permanently, if the copyright\r\nholder fails to notify you of the violation by some reasonable means\r\nprior to 60 days after the cessation.\r\n\r\n  Moreover, your license from a particular copyright holder is\r\nreinstated permanently if the copyright holder notifies you of the\r\nviolation by some reasonable means, this is the first time you have\r\nreceived notice of violation of this License (for any work) from that\r\ncopyright holder, and you cure the violation prior to 30 days after\r\nyour receipt of the notice.\r\n\r\n  Termination of your rights under this section does not terminate the\r\nlicenses of parties who have received copies or rights from you under\r\nthis License.  If your rights have been terminated and not permanently\r\nreinstated, you do not qualify to receive new licenses for the same\r\nmaterial under section 10.\r\n\r\n  9. Acceptance Not Required for Having Copies.\r\n\r\n  You are not required to accept this License in order to receive or\r\nrun a copy of the Program.  Ancillary propagation of a covered work\r\noccurring solely as a consequence of using peer-to-peer transmission\r\nto receive a copy likewise does not require acceptance.  However,\r\nnothing other than this License grants you permission to propagate or\r\nmodify any covered work.  These actions infringe copyright if you do\r\nnot accept this License.  Therefore, by modifying or propagating a\r\ncovered work, you indicate your acceptance of this License to do so.\r\n\r\n  10. Automatic Licensing of Downstream Recipients.\r\n\r\n  Each time you convey a covered work, the recipient automatically\r\nreceives a license from the original licensors, to run, modify and\r\npropagate that work, subject to this License.  You are not responsible\r\nfor enforcing compliance by third parties with this License.\r\n\r\n  An \"entity transaction\" is a transaction transferring control of an\r\norganization, or substantially all assets of one, or subdividing an\r\norganization, or merging organizations.  If propagation of a covered\r\nwork results from an entity transaction, each party to that\r\ntransaction who receives a copy of the work also receives whatever\r\nlicenses to the work the party's predecessor in interest had or could\r\ngive under the previous paragraph, plus a right to possession of the\r\nCorresponding Source of the work from the predecessor in interest, if\r\nthe predecessor has it or can get it with reasonable efforts.\r\n\r\n  You may not impose any further restrictions on the exercise of the\r\nrights granted or affirmed under this License.  For example, you may\r\nnot impose a license fee, royalty, or other charge for exercise of\r\nrights granted under this License, and you may not initiate litigation\r\n(including a cross-claim or counterclaim in a lawsuit) alleging that\r\nany patent claim is infringed by making, using, selling, offering for\r\nsale, or importing the Program or any portion of it.\r\n\r\n  11. Patents.\r\n\r\n  A \"contributor\" is a copyright holder who authorizes use under this\r\nLicense of the Program or a work on which the Program is based.  The\r\nwork thus licensed is called the contributor's \"contributor version\".\r\n\r\n  A contributor's \"essential patent claims\" are all patent claims\r\nowned or controlled by the contributor, whether already acquired or\r\nhereafter acquired, that would be infringed by some manner, permitted\r\nby this License, of making, using, or selling its contributor version,\r\nbut do not include claims that would be infringed only as a\r\nconsequence of further modification of the contributor version.  For\r\npurposes of this definition, \"control\" includes the right to grant\r\npatent sublicenses in a manner consistent with the requirements of\r\nthis License.\r\n\r\n  Each contributor grants you a non-exclusive, worldwide, royalty-free\r\npatent license under the contributor's essential patent claims, to\r\nmake, use, sell, offer for sale, import and otherwise run, modify and\r\npropagate the contents of its contributor version.\r\n\r\n  In the following three paragraphs, a \"patent license\" is any express\r\nagreement or commitment, however denominated, not to enforce a patent\r\n(such as an express permission to practice a patent or covenant not to\r\nsue for patent infringement).  To \"grant\" such a patent license to a\r\nparty means to make such an agreement or commitment not to enforce a\r\npatent against the party.\r\n\r\n  If you convey a covered work, knowingly relying on a patent license,\r\nand the Corresponding Source of the work is not available for anyone\r\nto copy, free of charge and under the terms of this License, through a\r\npublicly available network server or other readily accessible means,\r\nthen you must either (1) cause the Corresponding Source to be so\r\navailable, or (2) arrange to deprive yourself of the benefit of the\r\npatent license for this particular work, or (3) arrange, in a manner\r\nconsistent with the requirements of this License, to extend the patent\r\nlicense to downstream recipients.  \"Knowingly relying\" means you have\r\nactual knowledge that, but for the patent license, your conveying the\r\ncovered work in a country, or your recipient's use of the covered work\r\nin a country, would infringe one or more identifiable patents in that\r\ncountry that you have reason to believe are valid.\r\n\r\n  If, pursuant to or in connection with a single transaction or\r\narrangement, you convey, or propagate by procuring conveyance of, a\r\ncovered work, and grant a patent license to some of the parties\r\nreceiving the covered work authorizing them to use, propagate, modify\r\nor convey a specific copy of the covered work, then the patent license\r\nyou grant is automatically extended to all recipients of the covered\r\nwork and works based on it.\r\n\r\n  A patent license is \"discriminatory\" if it does not include within\r\nthe scope of its coverage, prohibits the exercise of, or is\r\nconditioned on the non-exercise of one or more of the rights that are\r\nspecifically granted under this License.  You may not convey a covered\r\nwork if you are a party to an arrangement with a third party that is\r\nin the business of distributing software, under which you make payment\r\nto the third party based on the extent of your activity of conveying\r\nthe work, and under which the third party grants, to any of the\r\nparties who would receive the covered work from you, a discriminatory\r\npatent license (a) in connection with copies of the covered work\r\nconveyed by you (or copies made from those copies), or (b) primarily\r\nfor and in connection with specific products or compilations that\r\ncontain the covered work, unless you entered into that arrangement,\r\nor that patent license was granted, prior to 28 March 2007.\r\n\r\n  Nothing in this License shall be construed as excluding or limiting\r\nany implied license or other defenses to infringement that may\r\notherwise be available to you under applicable patent law.\r\n\r\n  12. No Surrender of Others' Freedom.\r\n\r\n  If conditions are imposed on you (whether by court order, agreement or\r\notherwise) that contradict the conditions of this License, they do not\r\nexcuse you from the conditions of this License.  If you cannot convey a\r\ncovered work so as to satisfy simultaneously your obligations under this\r\nLicense and any other pertinent obligations, then as a consequence you may\r\nnot convey it at all.  For example, if you agree to terms that obligate you\r\nto collect a royalty for further conveying from those to whom you convey\r\nthe Program, the only way you could satisfy both those terms and this\r\nLicense would be to refrain entirely from conveying the Program.\r\n\r\n  13. Remote Network Interaction; Use with the GNU General Public License.\r\n\r\n  Notwithstanding any other provision of this License, if you modify the\r\nProgram, your modified version must prominently offer all users\r\ninteracting with it remotely through a computer network (if your version\r\nsupports such interaction) an opportunity to receive the Corresponding\r\nSource of your version by providing access to the Corresponding Source\r\nfrom a network server at no charge, through some standard or customary\r\nmeans of facilitating copying of software.  This Corresponding Source\r\nshall include the Corresponding Source for any work covered by version 3\r\nof the GNU General Public License that is incorporated pursuant to the\r\nfollowing paragraph.\r\n\r\n  Notwithstanding any other provision of this License, you have\r\npermission to link or combine any covered work with a work licensed\r\nunder version 3 of the GNU General Public License into a single\r\ncombined work, and to convey the resulting work.  The terms of this\r\nLicense will continue to apply to the part which is the covered work,\r\nbut the work with which it is combined will remain governed by version\r\n3 of the GNU General Public License.\r\n\r\n  14. Revised Versions of this License.\r\n\r\n  The Free Software Foundation may publish revised and/or new versions of\r\nthe GNU Affero General Public License from time to time.  Such new versions\r\nwill be similar in spirit to the present version, but may differ in detail to\r\naddress new problems or concerns.\r\n\r\n  Each version is given a distinguishing version number.  If the\r\nProgram specifies that a certain numbered version of the GNU Affero General\r\nPublic License \"or any later version\" applies to it, you have the\r\noption of following the terms and conditions either of that numbered\r\nversion or of any later version published by the Free Software\r\nFoundation.  If the Program does not specify a version number of the\r\nGNU Affero General Public License, you may choose any version ever published\r\nby the Free Software Foundation.\r\n\r\n  If the Program specifies that a proxy can decide which future\r\nversions of the GNU Affero General Public License can be used, that proxy's\r\npublic statement of acceptance of a version permanently authorizes you\r\nto choose that version for the Program.\r\n\r\n  Later license versions may give you additional or different\r\npermissions.  However, no additional obligations are imposed on any\r\nauthor or copyright holder as a result of your choosing to follow a\r\nlater version.\r\n\r\n  15. Disclaimer of Warranty.\r\n\r\n  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\r\nAPPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\r\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY\r\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\r\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\r\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\r\nIS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\r\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\r\n\r\n  16. Limitation of Liability.\r\n\r\n  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\r\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\r\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\r\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\r\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\r\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\r\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\r\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\r\nSUCH DAMAGES.\r\n\r\n  17. Interpretation of Sections 15 and 16.\r\n\r\n  If the disclaimer of warranty and limitation of liability provided\r\nabove cannot be given local legal effect according to their terms,\r\nreviewing courts shall apply local law that most closely approximates\r\nan absolute waiver of all civil liability in connection with the\r\nProgram, unless a warranty or assumption of liability accompanies a\r\ncopy of the Program in return for a fee.\r\n\r\n                     END OF TERMS AND CONDITIONS\r\n\r\n            How to Apply These Terms to Your New Programs\r\n\r\n  If you develop a new program, and you want it to be of the greatest\r\npossible use to the public, the best way to achieve this is to make it\r\nfree software which everyone can redistribute and change under these terms.\r\n\r\n  To do so, attach the following notices to the program.  It is safest\r\nto attach them to the start of each source file to most effectively\r\nstate the exclusion of warranty; and each file should have at least\r\nthe \"copyright\" line and a pointer to where the full notice is found.\r\n\r\n    <one line to give the program's name and a brief idea of what it does.>\r\n    Copyright (C) <year>  <name of author>\r\n\r\n    This program is free software: you can redistribute it and/or modify\r\n    it under the terms of the GNU Affero General Public License as published by\r\n    the Free Software Foundation, either version 3 of the License, or\r\n    (at your option) any later version.\r\n\r\n    This program is distributed in the hope that it will be useful,\r\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\r\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\r\n    GNU Affero General Public License for more details.\r\n\r\n    You should have received a copy of the GNU Affero General Public License\r\n    along with this program.  If not, see <https://www.gnu.org/licenses/>.\r\n\r\nAlso add information on how to contact you by electronic and paper mail.\r\n\r\n  If your software can interact with users remotely through a computer\r\nnetwork, you should also make sure that it provides a way for users to\r\nget its source.  For example, if your program is a web application, its\r\ninterface could display a \"Source\" link that leads users to an archive\r\nof the code.  There are many ways you could offer source, and different\r\nsolutions will be better for different programs; see section 13 for the\r\nspecific requirements.\r\n\r\n  You should also get your employer (if you work as a programmer) or school,\r\nif any, to sign a \"copyright disclaimer\" for the program, if necessary.\r\nFor more information on this, and how to apply and follow the GNU AGPL, see\r\n<https://www.gnu.org/licenses/>.\r\n"
  },
  {
    "path": "android/app/build.gradle",
    "content": "apply plugin: \"com.android.application\"\r\napply plugin: \"org.jetbrains.kotlin.android\"\r\napply plugin: \"com.facebook.react\"\r\n\r\nimport com.android.build.OutputFile\r\nimport groovy.json.JsonSlurper\r\n\r\n\r\n/**\r\n * This is the configuration block to customize your React Native Android app.\r\n * By default you don't need to apply any configuration, just uncomment the lines you need.\r\n */\r\nreact {\r\n    /* Folders */\r\n    //   The root of your project, i.e. where \"package.json\" lives. Default is '../..'\r\n    // root = file(\"../../\")\r\n    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native\r\n    // reactNativeDir = file(\"../../node_modules/react-native\")\r\n    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen\r\n    // codegenDir = file(\"../../node_modules/@react-native/codegen\")\r\n    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js\r\n    // cliFile = file(\"../../node_modules/react-native/cli.js\")\r\n\r\n    /* Variants */\r\n    //   The list of variants to that are debuggable. For those we're going to\r\n    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.\r\n    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.\r\n    // debuggableVariants = [\"liteDebug\", \"prodDebug\"]\r\n\r\n    /* Bundling */\r\n    //   A list containing the node command and its flags. Default is just 'node'.\r\n    // nodeExecutableAndArgs = [\"node\"]\r\n    //\r\n    //   The command to run when bundling. By default is 'bundle'\r\n    // bundleCommand = \"ram-bundle\"\r\n    //\r\n    //   The path to the CLI configuration file. Default is empty.\r\n    // bundleConfig = file(../rn-cli.config.js)\r\n    //\r\n    //   The name of the generated asset file containing your JS bundle\r\n    // bundleAssetName = \"MyApplication.android.bundle\"\r\n    //\r\n    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'\r\n    // entryFile = file(\"../js/MyApplication.android.js\")\r\n    //\r\n    //   A list of extra flags to pass to the 'bundle' commands.\r\n    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle\r\n    // extraPackagerArgs = []\r\n\r\n    /* Hermes Commands */\r\n    //   The hermes compiler command to run. By default it is 'hermesc'\r\n    // hermesCommand = \"$rootDir/my-custom-hermesc/bin/hermesc\"\r\n    //\r\n    //   The list of flags to pass to the Hermes compiler. By default is \"-O\", \"-output-source-map\"\r\n    // hermesFlags = [\"-O\", \"-output-source-map\"]\r\n\r\n    /* Autolinking */\r\n    autolinkLibrariesWithApp()\r\n\r\n    //\r\n    // Added by install-expo-modules\r\n    entryFile = file([\"node\", \"-e\", \"require('expo/scripts/resolveAppEntry')\", rootDir.getAbsoluteFile().getParentFile().getAbsolutePath(), \"android\", \"absolute\"].execute(null, rootDir).text.trim())\r\n    cliFile = new File([\"node\", \"--print\", \"require.resolve('@expo/cli')\"].execute(null, rootDir).text.trim())\r\n    bundleCommand = \"export:embed\"\r\n    //\r\n    // Added by install-expo-modules\r\n    entryFile = file([\"node\", \"-e\", \"require('expo/scripts/resolveAppEntry')\", rootDir.getAbsoluteFile().getParentFile().getAbsolutePath(), \"android\", \"absolute\"].execute(null, rootDir).text.trim())\r\n    cliFile = new File([\"node\", \"--print\", \"require.resolve('@expo/cli')\"].execute(null, rootDir).text.trim())\r\n    bundleCommand = \"export:embed\"\r\n}\r\n\r\n/**\r\n * Set this to true to Run Proguard on Release builds to minify the Java bytecode.\r\n */\r\ndef enableProguardInReleaseBuilds = false\r\n\r\n/**\r\n * The preferred build flavor of JavaScriptCore (JSC)\r\n *\r\n * For example, to use the international variant, you can use:\r\n * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`\r\n *\r\n * The international variant includes ICU i18n library and necessary data\r\n * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that\r\n * give correct results when using with locales other than en-US. Note that\r\n * this variant is about 6MiB larger per architecture than default.\r\n */\r\ndef jscFlavor = 'org.webkit:android-jsc:+'\r\n\r\n// !! Add lines\r\ndef keystoreProperties = new Properties()\r\ndef keystorePropertiesFile = rootProject.file('keystore.properties')\r\nif (keystorePropertiesFile.exists()) {\r\n    keystoreProperties.load(new FileInputStream(keystorePropertiesFile))\r\n}\r\n\r\nstatic def getVersion() {\r\n    def inputFile = new File(\"../package.json\")\r\n    def packageJson = new JsonSlurper().parseText(inputFile.text)\r\n    return packageJson[\"version\"]\r\n}\r\n\r\n// static def versionStringToCode(String version) {\r\n//     def parts = version.split('\\\\.')\r\n//     def versionCode = 0\r\n//     def multiplier = 1000000\r\n//\r\n//     parts.each { part ->\r\n//         versionCode += part.toInteger() * multiplier\r\n//         multiplier /= 1000\r\n//     }\r\n//\r\n//     return versionCode.intValue()\r\n// }\r\n\r\ndef appVersion = getVersion()\r\ndef appVersionCode = 400011\r\n\r\n\r\nandroid {\r\n    ndkVersion rootProject.ext.ndkVersion\r\n    buildToolsVersion rootProject.ext.buildToolsVersion\r\n    compileSdk rootProject.ext.compileSdkVersion\r\n\r\n    namespace \"fun.upup.musicfree\"\r\n\r\n    defaultConfig {\r\n        applicationId \"fun.upup.musicfree\"\r\n        minSdkVersion rootProject.ext.minSdkVersion\r\n        targetSdkVersion rootProject.ext.targetSdkVersion\r\n        versionCode appVersionCode\r\n        versionName appVersion\r\n    }\r\n    signingConfigs {\r\n        debug {\r\n            storeFile file('debug.keystore')\r\n            storePassword 'android'\r\n            keyAlias 'androiddebugkey'\r\n            keyPassword 'android'\r\n        }\r\n        // !! Add lines\r\n         release {\r\n            storeFile file(keystoreProperties['RELEASE_STORE_FILE'])\r\n            storePassword keystoreProperties['RELEASE_STORE_PASSWORD']\r\n            keyAlias keystoreProperties['RELEASE_KEY_ALIAS']\r\n            keyPassword keystoreProperties['RELEASE_KEY_PASSWORD']\r\n        }\r\n    }\r\n    splits {\r\n            abi {\r\n                reset()\r\n                enable true\r\n                universalApk true\r\n                include \"armeabi-v7a\", \"arm64-v8a\", \"x86\", \"x86_64\"\r\n            }\r\n    }\r\n\r\n\r\n\r\n    buildTypes {\r\n        debug {\r\n            signingConfig signingConfigs.debug\r\n        }\r\n        release {\r\n            // Caution! In production, you need to generate your own keystore file.\r\n            // see https://reactnative.dev/docs/signed-apk-android.\r\n            signingConfig signingConfigs.release\r\n            minifyEnabled enableProguardInReleaseBuilds\r\n            proguardFiles getDefaultProguardFile(\"proguard-android.txt\"), \"proguard-rules.pro\"\r\n        }\r\n    }\r\n}\r\n\r\ndependencies {\r\n    // The version of react-native is set by the React Native Gradle Plugin\r\n    implementation(\"com.facebook.react:react-android\")\r\n\r\n    if (hermesEnabled.toBoolean()) {\r\n        implementation(\"com.facebook.react:hermes-android\")\r\n    } else {\r\n        implementation jscFlavor\r\n    }\r\n\r\n    // !! Add lines\r\n    implementation project(':react-native-fs')\r\n    implementation 'com.facebook.fresco:animated-gif:2.5.0'\r\n    // https://mvnrepository.com/artifact/net.jthink/jaudiotagger\r\n    implementation 'net.jthink:jaudiotagger:2.2.5'\r\n    implementation 'androidx.core:core-splashscreen:1.0.0'\r\n}\r\n\r\n"
  },
  {
    "path": "android/app/proguard-rules.pro",
    "content": "# Add project specific ProGuard rules here.\n# By default, the flags in this file are appended to flags specified\n# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt\n# You can edit the include path and order by changing the proguardFiles\n# directive in build.gradle.\n#\n# For more details, see\n#   http://developer.android.com/guide/developing/tools/proguard.html\n\n# Add any project specific keep options here:\n"
  },
  {
    "path": "android/app/src/debug/AndroidManifest.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<manifest xmlns:android=\"http://schemas.android.com/apk/res/android\"\n    xmlns:tools=\"http://schemas.android.com/tools\">\n\n    <application\n        android:usesCleartextTraffic=\"true\"\n        tools:targetApi=\"28\"\n        tools:ignore=\"GoogleAppIndexingWarning\"/>\n</manifest>\n"
  },
  {
    "path": "android/app/src/main/AndroidManifest.xml",
    "content": "<manifest xmlns:android=\"http://schemas.android.com/apk/res/android\" package=\"fun.upup.musicfree\">\r\n\r\n    <uses-permission android:name=\"android.permission.INTERNET\" />\r\n    <uses-permission android:name=\"android.permission.WAKE_LOCK\" />\r\n    <uses-permission android:name=\"android.permission.FOREGROUND_SERVICE\" />\r\n    <uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\" />\r\n    <uses-permission android:name=\"android.permission.MANAGE_EXTERNAL_STORAGE\" />\r\n    <uses-permission android:name=\"android.permission.READ_EXTERNAL_STORAGE\" />\r\n    <uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\" />\r\n    <uses-permission android:name=\"android.permission.SYSTEM_ALERT_WINDOW\" />\r\n    <uses-permission android:name=\"android.permission.POST_NOTIFICATIONS\" />\r\n\r\n    <application\r\n      android:name=\".MainApplication\"\r\n      android:label=\"@string/app_name\"\r\n      android:icon=\"@mipmap/ic_launcher\"\r\n      android:roundIcon=\"@mipmap/ic_launcher_round\"\r\n      android:allowBackup=\"false\"\r\n      android:theme=\"@style/AppTheme\"\r\n      android:supportsRtl=\"true\"\r\n      android:requestLegacyExternalStorage=\"true\"\r\n      android:usesCleartextTraffic=\"true\"\r\n      android:extractNativeLibs=\"true\"\r\n    >\r\n      <activity\r\n        android:name=\".MainActivity\"\r\n        android:theme=\"@style/Theme.App.SplashScreen\"\r\n        android:label=\"@string/app_name\"\r\n        android:configChanges=\"keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode\"\r\n        android:launchMode=\"singleTask\"\r\n        android:windowSoftInputMode=\"adjustResize\"\r\n        android:exported=\"true\">\r\n        <intent-filter>\r\n            <action android:name=\"android.intent.action.MAIN\" />\r\n            <category android:name=\"android.intent.category.LAUNCHER\" />\r\n        </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"musicfree\" android:host=\"app\"/>\r\n              <data android:scheme=\"musicfree\" android:host=\"install\"/>\r\n          </intent-filter>          \r\n          <!-- 处理音频文件 -->\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"file\" />\r\n              <data android:mimeType=\"audio/*\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"content\" />\r\n              <data android:mimeType=\"audio/*\" />\r\n          </intent-filter>\r\n          <!-- 处理特定音频格式 -->\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"file\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.mp3\" />\r\n              <data android:pathPattern=\".*\\\\.MP3\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"file\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.flac\" />\r\n              <data android:pathPattern=\".*\\\\.FLAC\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"file\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.m4a\" />\r\n              <data android:pathPattern=\".*\\\\.M4A\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"file\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.wav\" />\r\n              <data android:pathPattern=\".*\\\\.WAV\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"content\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.mp3\" />\r\n              <data android:pathPattern=\".*\\\\.MP3\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"content\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.flac\" />\r\n              <data android:pathPattern=\".*\\\\.FLAC\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"content\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.m4a\" />\r\n              <data android:pathPattern=\".*\\\\.M4A\" />\r\n          </intent-filter>          \r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"content\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.wav\" />\r\n              <data android:pathPattern=\".*\\\\.WAV\" />\r\n          </intent-filter>\r\n          <!-- 处理JavaScript文件 -->\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"file\" />\r\n              <data android:mimeType=\"text/javascript\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"content\" />\r\n              <data android:mimeType=\"text/javascript\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"file\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.js\" />\r\n              <data android:pathPattern=\".*\\\\.JS\" />\r\n          </intent-filter>\r\n          <intent-filter>\r\n              <action android:name=\"android.intent.action.VIEW\" />\r\n              <category android:name=\"android.intent.category.DEFAULT\" />\r\n              <category android:name=\"android.intent.category.BROWSABLE\" />\r\n              <data android:scheme=\"content\" />\r\n              <data android:mimeType=\"*/*\" />\r\n              <data android:pathPattern=\".*\\\\.js\" />\r\n              <data android:pathPattern=\".*\\\\.JS\" />\r\n          </intent-filter>\r\n      </activity>\r\n    </application>\r\n</manifest>\r\n"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/MainActivity.kt",
    "content": "package `fun`.upup.musicfree\r\nimport expo.modules.ReactActivityDelegateWrapper\r\nimport expo.modules.splashscreen.SplashScreenManager\r\n\r\nimport com.facebook.react.ReactActivity\r\nimport com.facebook.react.ReactActivityDelegate\r\nimport com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled\r\nimport com.facebook.react.defaults.DefaultReactActivityDelegate\r\nimport android.os.Bundle\r\n\r\nclass MainActivity : ReactActivity() {\r\n\r\n  /**\r\n   * Returns the name of the main component registered from JavaScript. This is used to schedule\r\n   * rendering of the component.\r\n   */\r\n  override fun getMainComponentName(): String = \"MusicFree\"\r\n\r\n  /**\r\n   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]\r\n   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]\r\n   */\r\n  override fun createReactActivityDelegate(): ReactActivityDelegate =\r\n      ReactActivityDelegateWrapper(this, BuildConfig.IS_NEW_ARCHITECTURE_ENABLED, DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled))\r\n\r\n  // https://reactnavigation.org/docs/getting-started/#installing-dependencies-into-a-bare-react-native-project\r\n  override fun onCreate(savedInstanceState: Bundle?) {\r\n      SplashScreenManager.registerOnActivity(this)\r\n      super.onCreate(null);\r\n  }\r\n}\r\n"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/MainApplication.kt",
    "content": "package `fun`.upup.musicfree\r\nimport android.content.res.Configuration\r\nimport expo.modules.ApplicationLifecycleDispatcher\r\nimport expo.modules.ReactNativeHostWrapper\r\n\r\nimport android.app.Application\r\nimport com.facebook.react.PackageList\r\nimport com.facebook.react.ReactApplication\r\nimport com.facebook.react.ReactHost\r\nimport com.facebook.react.ReactNativeHost\r\nimport com.facebook.react.ReactPackage\r\nimport com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load\r\nimport com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost\r\nimport com.facebook.react.defaults.DefaultReactNativeHost\r\nimport com.facebook.react.soloader.OpenSourceMergedSoMapping\r\nimport com.facebook.soloader.SoLoader\r\nimport `fun`.upup.musicfree.lyricUtil.LyricUtilPackage\r\nimport `fun`.upup.musicfree.mp3Util.Mp3UtilPackage\r\nimport `fun`.upup.musicfree.utils.UtilsPackage\r\n\r\nclass MainApplication : Application(), ReactApplication {\r\n\r\n  override val reactNativeHost: ReactNativeHost =\r\n      ReactNativeHostWrapper(this, object : DefaultReactNativeHost(this) {\r\n        override fun getPackages(): List<ReactPackage> =\r\n            PackageList(this).packages.apply {\r\n              // Packages that cannot be autolinked yet can be added manually here, for example:\r\n              // add(MyReactNativePackage())\r\n              add(UtilsPackage())\r\n              add(Mp3UtilPackage())\r\n              add(LyricUtilPackage())\r\n            }\r\n\r\n        override fun getJSMainModuleName(): String = \"index\"\r\n\r\n        override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG\r\n\r\n        override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED\r\n        override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED\r\n      })\r\n\r\n  override val reactHost: ReactHost\r\n    get() = ReactNativeHostWrapper.createReactHost(applicationContext, reactNativeHost)\r\n\r\n  override fun onCreate() {\r\n    super.onCreate()\r\n    SoLoader.init(this, OpenSourceMergedSoMapping)\r\n    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {\r\n      // If you opted-in for the New Architecture, we load the native entry point for this app.\r\n      load()\r\n    }\r\n    ApplicationLifecycleDispatcher.onApplicationCreate(this)\r\n  }\r\n\r\n  override fun onConfigurationChanged(newConfig: Configuration) {\r\n    super.onConfigurationChanged(newConfig)\r\n    ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig)\r\n  }\r\n}\r\n"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/lyricUtil/LyricUtilModule.kt",
    "content": "package `fun`.upup.musicfree.lyricUtil\r\n\r\nimport android.app.Activity\r\nimport android.content.Intent\r\nimport android.net.Uri\r\nimport android.os.Build\r\nimport android.provider.Settings\r\nimport android.util.Log\r\nimport androidx.annotation.RequiresApi\r\nimport com.facebook.react.bridge.*\r\nimport java.util.*\r\n\r\nclass LyricUtilModule(private val reactContext: ReactApplicationContext): ReactContextBaseJavaModule(reactContext) {\r\n    override fun getName() = \"LyricUtil\"\r\n    private var lyricView: LyricView? = null\r\n\r\n    @ReactMethod\r\n    fun checkSystemAlertPermission(promise: Promise) {\r\n        try {\r\n            promise.resolve(Settings.canDrawOverlays(reactContext))\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Error\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun requestSystemAlertPermission(promise: Promise) {\r\n        try {\r\n            val intent = Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION).apply {\r\n                data = Uri.parse(\"package:\" + reactContext.packageName)\r\n            }\r\n            currentActivity?.startActivity(intent)\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Error\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun showStatusBarLyric(initLyric: String?, options: ReadableMap?, promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                if (lyricView == null) {\r\n                    lyricView = LyricView(reactContext)\r\n                }\r\n\r\n                val mapOptions = mutableMapOf<String, Any>().apply {\r\n                    if (options == null) {\r\n                        return@apply\r\n                    }\r\n                    if (options.hasKey(\"topPercent\")) {\r\n                        put(\"topPercent\", options.getDouble(\"topPercent\"))\r\n                    }\r\n                    if (options.hasKey(\"leftPercent\")) {\r\n                        put(\"leftPercent\", options.getDouble(\"leftPercent\"))\r\n                    }\r\n                    if (options.hasKey(\"align\")) {\r\n                        put(\"align\", options.getInt(\"align\"))\r\n                    }\r\n                    if (options.hasKey(\"color\")) {\r\n                        options.getString(\"color\")?.let { put(\"color\", it) }\r\n                    }\r\n                    if (options.hasKey(\"backgroundColor\")) {\r\n                        options.getString(\"backgroundColor\")?.let { put(\"backgroundColor\", it) }\r\n                    }\r\n                    if (options.hasKey(\"widthPercent\")) {\r\n                        put(\"widthPercent\", options.getDouble(\"widthPercent\"))\r\n                    }\r\n                    if (options.hasKey(\"fontSize\")) {\r\n                        put(\"fontSize\", options.getDouble(\"fontSize\"))\r\n                    }\r\n                }\r\n\r\n                try {\r\n                    lyricView?.showLyricWindow(initLyric, mapOptions)\r\n                    promise.resolve(true)\r\n                } catch (e: Exception) {\r\n                    promise.reject(\"Exception\", e.message)\r\n                }\r\n            }\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun hideStatusBarLyric(promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                lyricView?.hideLyricWindow()\r\n            }\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun setStatusBarLyricText(lyric: String, promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                lyricView?.setText(lyric)\r\n            }\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun setStatusBarLyricAlign(alignment: Int, promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                lyricView?.setAlign(alignment)\r\n            }\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun setStatusBarLyricTop(pct: Double, promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                lyricView?.setTopPercent(pct)\r\n            }\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun setStatusBarLyricLeft(pct: Double, promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                lyricView?.setLeftPercent(pct)\r\n            }\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun setStatusBarLyricWidth(pct: Double, promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                lyricView?.setWidth(pct)\r\n            }\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun setStatusBarLyricFontSize(fontSize: Float, promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                lyricView?.setFontSize(fontSize)\r\n            }\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun setStatusBarColors(textColor: String?, backgroundColor: String?, promise: Promise) {\r\n        try {\r\n            UiThreadUtil.runOnUiThread {\r\n                lyricView?.setColors(textColor, backgroundColor)\r\n            }\r\n            promise.resolve(true)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n}\r\n"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/lyricUtil/LyricUtilPackage.kt",
    "content": "package `fun`.upup.musicfree.lyricUtil\r\n\r\nimport android.view.View\r\nimport com.facebook.react.ReactPackage\r\nimport com.facebook.react.bridge.NativeModule\r\nimport com.facebook.react.bridge.ReactApplicationContext\r\nimport com.facebook.react.uimanager.ReactShadowNode\r\nimport com.facebook.react.uimanager.ViewManager\r\n\r\nclass LyricUtilPackage : ReactPackage {\r\n\r\n    override fun createViewManagers(\r\n        reactContext: ReactApplicationContext\r\n    ): MutableList<ViewManager<View, ReactShadowNode<*>>> = mutableListOf()\r\n\r\n    override fun createNativeModules(\r\n        reactContext: ReactApplicationContext\r\n    ): MutableList<NativeModule> = listOf(LyricUtilModule(reactContext)).toMutableList()\r\n}"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/lyricUtil/LyricView.kt",
    "content": "package `fun`.upup.musicfree.lyricUtil\r\n\r\nimport android.app.Activity\r\nimport android.content.Context\r\nimport android.graphics.Color\r\nimport android.graphics.PixelFormat\r\nimport android.graphics.drawable.ColorDrawable\r\nimport android.hardware.SensorManager\r\nimport android.os.Build\r\nimport android.util.DisplayMetrics\r\nimport android.util.Log\r\nimport android.view.Gravity\r\nimport android.view.MotionEvent\r\nimport android.view.OrientationEventListener\r\nimport android.view.View\r\nimport android.view.WindowManager\r\nimport android.widget.TextView\r\nimport com.facebook.react.bridge.ReactContext\r\n\r\n\r\n\r\nclass LyricView(private val reactContext: ReactContext) : Activity(), View.OnTouchListener {\r\n\r\n    private var windowManager: WindowManager? = null\r\n    private var orientationEventListener: OrientationEventListener? = null\r\n    private var layoutParams: WindowManager.LayoutParams? = null\r\n    private var tv: TextView? = null\r\n\r\n    // 窗口信息\r\n    private var windowWidth = 0.0\r\n    private var windowHeight = 0.0\r\n    private var widthPercent = 0.0\r\n    private var leftPercent = 0.0\r\n    private var topPercent = 0.0\r\n\r\n    override fun onTouch(view: View, motionEvent: MotionEvent): Boolean {\r\n        Log.d(\"touch\", \"Desktop Touch\")\r\n        return false\r\n    }\r\n\r\n    // 展示歌词窗口\r\n    fun showLyricWindow(initText: String?, options: Map<String, Any>) {\r\n        try {\r\n            if (windowManager == null) {\r\n                windowManager = reactContext.getSystemService(WINDOW_SERVICE) as WindowManager\r\n                layoutParams = WindowManager.LayoutParams()\r\n\r\n                val outMetrics = DisplayMetrics()\r\n                windowManager?.defaultDisplay?.getMetrics(outMetrics)\r\n                windowWidth = outMetrics.widthPixels.toDouble()\r\n                windowHeight = outMetrics.heightPixels.toDouble()\r\n\r\n                layoutParams?.type = if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O)\r\n                    WindowManager.LayoutParams.TYPE_SYSTEM_ALERT\r\n                else\r\n                    WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY\r\n\r\n                /*\r\n                 * topPercent: number;\r\n                 * leftPercent: number;\r\n                 * align: number;\r\n                 * color: string;\r\n                 * backgroundColor: string;\r\n                 * widthPercent: number;\r\n                 * fontSize: number;\r\n                 */\r\n                val topPercent = options[\"topPercent\"]\r\n                val leftPercent = options[\"leftPercent\"]\r\n                val align = options[\"align\"]\r\n                val color = options[\"color\"]\r\n                val backgroundColor = options[\"backgroundColor\"]\r\n                val widthPercent = options[\"widthPercent\"]\r\n                val fontSize = options[\"fontSize\"]\r\n\r\n                this.widthPercent = widthPercent?.toString()?.toDouble() ?: 0.5\r\n\r\n                layoutParams?.width = (this.widthPercent * windowWidth).toInt()\r\n                layoutParams?.height = WindowManager.LayoutParams.WRAP_CONTENT\r\n                layoutParams?.gravity = Gravity.TOP or Gravity.START\r\n\r\n                this.leftPercent = leftPercent?.toString()?.toDouble() ?: 0.5\r\n                layoutParams?.x = (this.leftPercent * (windowWidth - layoutParams!!.width)).toInt()\r\n                layoutParams?.y = 0\r\n\r\n                layoutParams?.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE or\r\n                        WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL or\r\n                        WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN or\r\n                        WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS or\r\n                        WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE\r\n\r\n                layoutParams?.format = PixelFormat.TRANSPARENT\r\n\r\n                tv = TextView(reactContext).apply {\r\n                    text = initText ?: \"\"\r\n                    textSize = fontSize?.toString()?.toFloat() ?: 14f\r\n                    setBackgroundColor(Color.parseColor(rgba2argb(backgroundColor?.toString() ?: \"#84888153\")))\r\n                    setTextColor(Color.parseColor(rgba2argb(color?.toString() ?: \"#FFE9D2\")))\r\n                    setPadding(12, 6, 12, 6)\r\n                    gravity = align?.toString()?.toInt() ?: Gravity.CENTER\r\n                }\r\n                windowManager?.addView(tv, layoutParams)\r\n\r\n                topPercent?.toString()?.toDouble()?.let { setTopPercent(it) }\r\n\r\n                listenOrientationChange()\r\n            }\r\n        } catch (e: Exception) {\r\n            hideLyricWindow()\r\n            throw e\r\n        }\r\n    }\r\n\r\n    private fun listenOrientationChange() {\r\n        if (windowManager == null) return\r\n\r\n        if (orientationEventListener == null) {\r\n            orientationEventListener = object : OrientationEventListener(reactContext, SensorManager.SENSOR_DELAY_NORMAL) {\r\n                override fun onOrientationChanged(orientation: Int) {\r\n                    if (windowManager != null) {\r\n                        val outMetrics = DisplayMetrics()\r\n                        windowManager?.defaultDisplay?.getMetrics(outMetrics)\r\n                        windowWidth = outMetrics.widthPixels.toDouble()\r\n                        windowHeight = outMetrics.heightPixels.toDouble()\r\n                        layoutParams?.width = (widthPercent * windowWidth).toInt()\r\n                        layoutParams?.x = (leftPercent * (windowWidth - layoutParams!!.width)).toInt()\r\n                        layoutParams?.y = (topPercent * (windowHeight - tv!!.height)).toInt()\r\n                        windowManager?.updateViewLayout(tv, layoutParams)\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        if (orientationEventListener?.canDetectOrientation() == true) {\r\n            orientationEventListener?.enable()\r\n        }\r\n    }\r\n\r\n    private fun unlistenOrientationChange() {\r\n        orientationEventListener?.disable()\r\n    }\r\n\r\n    private fun rgba2argb(color: String): String {\r\n        return if (color.length == 9) {\r\n            color[0] + color.substring(7, 9) + color.substring(1, 7)\r\n        } else {\r\n            color\r\n        }\r\n    }\r\n\r\n    // 隐藏歌词窗口\r\n    fun hideLyricWindow() {\r\n        if (windowManager != null) {\r\n            tv?.let {\r\n                try {\r\n                    windowManager?.removeView(it)\r\n                } catch (e: Exception) {\r\n                    // Handle exception\r\n                }\r\n                tv = null\r\n            }\r\n            windowManager = null\r\n            layoutParams = null\r\n            unlistenOrientationChange()\r\n        }\r\n    }\r\n\r\n    // 设置歌词内容\r\n    fun setText(text: String) {\r\n        tv?.text = text\r\n    }\r\n\r\n    fun setAlign(gravity: Int) {\r\n        tv?.gravity = gravity\r\n    }\r\n\r\n    fun setTopPercent(pct: Double) {\r\n        var percent = pct.coerceIn(0.0, 1.0)\r\n        tv?.let {\r\n            layoutParams?.y = (percent * (windowHeight - it.height)).toInt()\r\n            windowManager?.updateViewLayout(it, layoutParams)\r\n        }\r\n        this.topPercent = percent\r\n    }\r\n\r\n    fun setLeftPercent(pct: Double) {\r\n        var percent = pct.coerceIn(0.0, 1.0)\r\n        tv?.let {\r\n            layoutParams?.x = (percent * (windowWidth - layoutParams!!.width)).toInt()\r\n            windowManager?.updateViewLayout(it, layoutParams)\r\n        }\r\n        this.leftPercent = percent\r\n    }\r\n\r\n    fun setColors(textColor: String?, backgroundColor: String?) {\r\n        tv?.let {\r\n            textColor?.let { color -> it.setTextColor(Color.parseColor(rgba2argb(color))) }\r\n            backgroundColor?.let { color ->\r\n                it.background = ColorDrawable(Color.parseColor(rgba2argb(color)))\r\n            }\r\n        }\r\n    }\r\n\r\n    fun setWidth(pct: Double) {\r\n        var percent = pct.coerceIn(0.3, 1.0)\r\n        tv?.let {\r\n            val width = (percent * windowWidth).toInt()\r\n            val originalWidth = layoutParams?.width ?: 0\r\n            layoutParams?.x = if (width <= originalWidth) {\r\n                layoutParams!!.x + (originalWidth - width) / 2\r\n            } else {\r\n                layoutParams!!.x - (width - originalWidth) / 2\r\n            }.coerceAtLeast(0).coerceAtMost((windowWidth - width).toInt())\r\n            layoutParams?.width = width\r\n            windowManager?.updateViewLayout(it, layoutParams)\r\n        }\r\n        this.widthPercent = percent\r\n    }\r\n\r\n    fun setFontSize(fontSize: Float) {\r\n        tv?.textSize = fontSize\r\n    }\r\n}"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/mp3Util/Mp3UtilModule.kt",
    "content": "package `fun`.upup.musicfree.mp3Util\r\n\r\nimport android.graphics.Bitmap\r\nimport android.graphics.BitmapFactory\r\nimport android.media.MediaMetadataRetriever\r\nimport android.net.Uri\r\nimport com.facebook.react.bridge.*\r\nimport org.jaudiotagger.audio.AudioFileIO\r\nimport org.jaudiotagger.tag.FieldKey\r\nimport java.io.File\r\nimport java.io.FileOutputStream\r\nimport java.io.IOException\r\n\r\nclass Mp3UtilModule(private val reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {\r\n\r\n    override fun getName() = \"Mp3Util\"\r\n\r\n    private fun isContentUri(uri: Uri?): Boolean {\r\n        return uri?.scheme?.equals(\"content\", ignoreCase = true) == true\r\n    }\r\n\r\n    @ReactMethod\r\n    fun getBasicMeta(filePath: String, promise: Promise) {\r\n        try {\r\n            val uri = Uri.parse(filePath)\r\n            val mmr = MediaMetadataRetriever()\r\n            if (isContentUri(uri)) {\r\n                mmr.setDataSource(reactApplicationContext, uri)\r\n            } else {\r\n                mmr.setDataSource(filePath)\r\n            }\r\n\r\n            val properties = Arguments.createMap().apply {\r\n                putString(\"duration\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_DURATION))\r\n                putString(\"bitrate\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_BITRATE))\r\n                putString(\"artist\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_ARTIST))\r\n                putString(\"author\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_AUTHOR))\r\n                putString(\"album\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_ALBUM))\r\n                putString(\"title\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_TITLE))\r\n                putString(\"date\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_DATE))\r\n                putString(\"year\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_YEAR))\r\n            }\r\n            promise.resolve(properties)\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Exception\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun getMediaMeta(filePaths: ReadableArray, promise: Promise) {\r\n        val metas = Arguments.createArray()\r\n        val mmr = MediaMetadataRetriever()\r\n        for (i in 0 until filePaths.size()) {\r\n            try {\r\n                val filePath = filePaths.getString(i)\r\n                val uri = Uri.parse(filePath)\r\n\r\n                if (isContentUri(uri)) {\r\n                    mmr.setDataSource(reactApplicationContext, uri)\r\n                } else {\r\n                    mmr.setDataSource(filePath)\r\n                }\r\n\r\n                val properties = Arguments.createMap().apply {\r\n                    putString(\"duration\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_DURATION))\r\n                    putString(\"bitrate\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_BITRATE))\r\n                    putString(\"artist\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_ARTIST))\r\n                    putString(\"author\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_AUTHOR))\r\n                    putString(\"album\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_ALBUM))\r\n                    putString(\"title\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_TITLE))\r\n                    putString(\"date\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_DATE))\r\n                    putString(\"year\", mmr.extractMetadata(MediaMetadataRetriever.METADATA_KEY_YEAR))\r\n                }\r\n                metas.pushMap(properties)\r\n            } catch (e: Exception) {\r\n                metas.pushNull()\r\n            }\r\n        }\r\n        try {\r\n            mmr.release()\r\n        } catch (ignored: Exception) {\r\n        }\r\n        promise.resolve(metas)\r\n    }\r\n\r\n\r\n    @ReactMethod\r\n    fun getMediaCoverImg(filePath: String, promise: Promise) {\r\n        try {\r\n            val file = File(filePath)\r\n            if (!file.exists()) {\r\n                promise.reject(\"File not exist\", \"File not exist\")\r\n                return\r\n            }\r\n\r\n            val pathHashCode = file.hashCode()\r\n            if (pathHashCode == 0) {\r\n                promise.resolve(null)\r\n                return\r\n            }\r\n\r\n            val cacheDir = reactContext.cacheDir\r\n            val coverFile = File(cacheDir, \"image_manager_disk_cache/$pathHashCode.jpg\")\r\n            if (coverFile.exists()) {\r\n                promise.resolve(coverFile.toURI().toString())\r\n                return\r\n            }\r\n\r\n            val mmr = MediaMetadataRetriever()\r\n            mmr.setDataSource(filePath)\r\n            val coverImg = mmr.embeddedPicture\r\n            if (coverImg != null) {\r\n                val bitmap = BitmapFactory.decodeByteArray(coverImg, 0, coverImg.size)\r\n                FileOutputStream(coverFile).use { outputStream ->\r\n                    bitmap.compress(Bitmap.CompressFormat.JPEG, 100, outputStream)\r\n                    outputStream.flush()\r\n                }\r\n                promise.resolve(coverFile.toURI().toString())\r\n            } else {\r\n                promise.resolve(null)\r\n            }\r\n            mmr.release()\r\n        } catch (ignored: Exception) {\r\n            promise.reject(\"Error\", \"Got error\")\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun getLyric(filePath: String, promise: Promise) {\r\n        try {\r\n            val file = File(filePath)\r\n            if (file.exists()) {\r\n                val audioFile = AudioFileIO.read(file)\r\n                val tag = audioFile.tag\r\n                val lrc = tag.getFirst(FieldKey.LYRICS)\r\n                promise.resolve(lrc)\r\n            } else {\r\n                throw IOException(\"File not found\")\r\n            }\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Error\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun setMediaTag(filePath: String, meta: ReadableMap, promise: Promise) {\r\n        try {\r\n            val file = File(filePath)\r\n            if (file.exists()) {\r\n                val audioFile = AudioFileIO.read(file)\r\n                val tag = audioFile.tag\r\n                meta.getString(\"title\")?.let { tag.setField(FieldKey.TITLE, it) }\r\n                meta.getString(\"artist\")?.let { tag.setField(FieldKey.ARTIST, it) }\r\n                meta.getString(\"album\")?.let { tag.setField(FieldKey.ALBUM, it) }\r\n                meta.getString(\"lyric\")?.let { tag.setField(FieldKey.LYRICS, it) }\r\n                meta.getString(\"comment\")?.let { tag.setField(FieldKey.COMMENT, it) }\r\n                audioFile.commit()\r\n                promise.resolve(true)\r\n            } else {\r\n                promise.reject(\"Error\", \"File Not Exist\")\r\n            }\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Error\", e.message)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun getMediaTag(filePath: String, promise: Promise) {\r\n        try {\r\n            val file = File(filePath)\r\n            if (file.exists()) {\r\n                val audioFile = AudioFileIO.read(file)\r\n                val tag = audioFile.tag\r\n\r\n                val properties = Arguments.createMap().apply {\r\n                    putString(\"title\", tag.getFirst(FieldKey.TITLE))\r\n                    putString(\"artist\", tag.getFirst(FieldKey.ARTIST))\r\n                    putString(\"album\", tag.getFirst(FieldKey.ALBUM))\r\n                    putString(\"lyric\", tag.getFirst(FieldKey.LYRICS))\r\n                    putString(\"comment\", tag.getFirst(FieldKey.COMMENT))\r\n                }\r\n                promise.resolve(properties)\r\n            } else {\r\n                promise.reject(\"Error\", \"File Not Found\")\r\n            }\r\n        } catch (e: Exception) {\r\n            promise.reject(\"Error\", e.message)\r\n        }\r\n    }\r\n}"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/mp3Util/Mp3UtilPackage.kt",
    "content": "package `fun`.upup.musicfree.mp3Util\r\n\r\nimport android.view.View\r\nimport com.facebook.react.ReactPackage\r\nimport com.facebook.react.bridge.NativeModule\r\nimport com.facebook.react.bridge.ReactApplicationContext\r\nimport com.facebook.react.uimanager.ReactShadowNode\r\nimport com.facebook.react.uimanager.ViewManager\r\n\r\nclass Mp3UtilPackage : ReactPackage {\r\n\r\n    override fun createViewManagers(\r\n        reactContext: ReactApplicationContext\r\n    ): MutableList<ViewManager<View, ReactShadowNode<*>>> = mutableListOf()\r\n\r\n    override fun createNativeModules(\r\n        reactContext: ReactApplicationContext\r\n    ): MutableList<NativeModule> = listOf(Mp3UtilModule(reactContext)).toMutableList()\r\n}"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/utils/UtilsModule.kt",
    "content": "package `fun`.upup.musicfree.utils; // replace your-apps-package-name with your app’s package name\r\nimport android.Manifest\r\nimport android.content.Context\r\nimport android.content.Intent\r\nimport android.content.pm.PackageManager\r\nimport android.net.Uri\r\nimport android.os.Build\r\nimport android.os.Environment\r\nimport android.provider.Settings\r\nimport android.util.DisplayMetrics\r\nimport android.view.WindowInsets\r\nimport android.view.WindowManager\r\nimport androidx.core.content.ContextCompat\r\nimport com.facebook.react.bridge.Arguments\r\nimport com.facebook.react.bridge.Promise\r\nimport com.facebook.react.bridge.ReactApplicationContext\r\nimport com.facebook.react.bridge.ReactContextBaseJavaModule\r\nimport com.facebook.react.bridge.ReactMethod\r\nimport com.facebook.react.bridge.WritableMap\r\nimport kotlin.system.exitProcess\r\n\r\nclass UtilsModule(context: ReactApplicationContext) : ReactContextBaseJavaModule(context) {\r\n\r\n    private val reactContext: ReactApplicationContext = context;\r\n\r\n    override fun getName() = \"NativeUtils\"\r\n\r\n    @ReactMethod\r\n    fun exitApp() {\r\n        val activity = reactContext.currentActivity\r\n        activity?.finishAndRemoveTask()\r\n        android.os.Process.killProcess(android.os.Process.myPid())\r\n        exitProcess(0)\r\n    }\r\n\r\n    @ReactMethod\r\n    fun checkStoragePermission(promise: Promise) {\r\n        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {\r\n            promise.resolve(Environment.isExternalStorageManager())\r\n        } else {\r\n            val readPermission = ContextCompat.checkSelfPermission(reactContext, Manifest.permission.READ_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED\r\n            val writePermission = ContextCompat.checkSelfPermission(reactContext, Manifest.permission.WRITE_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED\r\n            promise.resolve(readPermission && writePermission)\r\n        }\r\n    }\r\n\r\n    @ReactMethod\r\n    fun requestStoragePermission() {\r\n        val intent = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {\r\n            Intent(Settings.ACTION_MANAGE_APP_ALL_FILES_ACCESS_PERMISSION).apply {\r\n                data = Uri.parse(\"package:${reactContext.packageName}\")\r\n            }\r\n        } else {\r\n            Intent(Settings.ACTION_APPLICATION_DETAILS_SETTINGS).apply {\r\n                data = Uri.parse(\"package:${reactContext.packageName}\")\r\n            }\r\n        }\r\n        reactContext.currentActivity?.startActivity(intent)\r\n    }\r\n\r\n    @ReactMethod(isBlockingSynchronousMethod = true)\r\n    fun getWindowDimensions(): WritableMap {\r\n        val windowManager = reactApplicationContext.getSystemService(Context.WINDOW_SERVICE) as WindowManager\r\n        val displayMetrics: DisplayMetrics = reactApplicationContext.resources.displayMetrics\r\n        val density = displayMetrics.density\r\n\r\n        return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {\r\n            // Android 11 (API 30) 及以上使用新 API\r\n            val windowMetrics = windowManager.currentWindowMetrics\r\n            val insets = windowMetrics.windowInsets.getInsetsIgnoringVisibility(WindowInsets.Type.systemBars())\r\n            val bounds = windowMetrics.bounds\r\n\r\n            val totalWidthPx = bounds.width()\r\n            val totalHeightPx = bounds.height()\r\n\r\n            val leftInsetPx = insets.left\r\n            val rightInsetPx = insets.right\r\n            val topInsetPx = insets.top\r\n            val bottomInsetPx = insets.bottom\r\n\r\n            val usableWidthPx = totalWidthPx - leftInsetPx - rightInsetPx\r\n            val usableHeightPx = totalHeightPx - topInsetPx - bottomInsetPx\r\n\r\n            val usableWidthDp = usableWidthPx / density\r\n            val usableHeightDp = usableHeightPx / density\r\n\r\n            Arguments.createMap().apply {\r\n                putDouble(\"width\", usableWidthDp.toDouble())\r\n                putDouble(\"height\", usableHeightDp.toDouble())\r\n            }\r\n        } else {\r\n            // Android 10 及以下使用旧 API\r\n            val display = windowManager.defaultDisplay\r\n            val realSize = android.graphics.Point()\r\n            display.getRealSize(realSize)\r\n\r\n            // 获取状态栏和导航栏高度\r\n            val resources = reactApplicationContext.resources\r\n            var statusBarHeight = 0\r\n            var navigationBarHeight = 0\r\n\r\n            // 状态栏高度\r\n            val statusBarResourceId = resources.getIdentifier(\"status_bar_height\", \"dimen\", \"android\")\r\n            if (statusBarResourceId > 0) {\r\n                statusBarHeight = resources.getDimensionPixelSize(statusBarResourceId)\r\n            }\r\n\r\n            // 导航栏高度\r\n            val navigationBarResourceId = resources.getIdentifier(\"navigation_bar_height\", \"dimen\", \"android\")\r\n            if (navigationBarResourceId > 0) {\r\n                navigationBarHeight = resources.getDimensionPixelSize(navigationBarResourceId)\r\n            }\r\n\r\n            val usableWidthPx = realSize.x\r\n            val usableHeightPx = realSize.y - statusBarHeight - navigationBarHeight\r\n\r\n            val usableWidthDp = usableWidthPx / density\r\n            val usableHeightDp = usableHeightPx / density\r\n\r\n            Arguments.createMap().apply {\r\n                putDouble(\"width\", usableWidthDp.toDouble())\r\n                putDouble(\"height\", usableHeightDp.toDouble())\r\n            }\r\n        }\r\n    }\r\n}\r\n"
  },
  {
    "path": "android/app/src/main/java/fun/upup/musicfree/utils/UtilsPackage.kt",
    "content": "package `fun`.upup.musicfree.utils\r\n\r\nimport android.view.View\r\nimport com.facebook.react.ReactPackage\r\nimport com.facebook.react.bridge.NativeModule\r\nimport com.facebook.react.bridge.ReactApplicationContext\r\nimport com.facebook.react.uimanager.ReactShadowNode\r\nimport com.facebook.react.uimanager.ViewManager\r\n\r\nclass UtilsPackage : ReactPackage {\r\n\r\n    override fun createViewManagers(\r\n        reactContext: ReactApplicationContext\r\n    ): MutableList<ViewManager<View, ReactShadowNode<*>>> = mutableListOf()\r\n\r\n    override fun createNativeModules(\r\n        reactContext: ReactApplicationContext\r\n    ): MutableList<NativeModule> = listOf(UtilsModule(reactContext)).toMutableList()\r\n}"
  },
  {
    "path": "android/app/src/main/res/drawable/rn_edit_text_material.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<!-- Copyright (C) 2014 The Android Open Source Project\n\n     Licensed under the Apache License, Version 2.0 (the \"License\");\n     you may not use this file except in compliance with the License.\n     You may obtain a copy of the License at\n\n          http://www.apache.org/licenses/LICENSE-2.0\n\n     Unless required by applicable law or agreed to in writing, software\n     distributed under the License is distributed on an \"AS IS\" BASIS,\n     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n     See the License for the specific language governing permissions and\n     limitations under the License.\n-->\n<inset xmlns:android=\"http://schemas.android.com/apk/res/android\"\n       android:insetLeft=\"@dimen/abc_edit_text_inset_horizontal_material\"\n       android:insetRight=\"@dimen/abc_edit_text_inset_horizontal_material\"\n       android:insetTop=\"@dimen/abc_edit_text_inset_top_material\"\n       android:insetBottom=\"@dimen/abc_edit_text_inset_bottom_material\"\n       >\n\n    <selector>\n        <!--\n          This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).\n          The item below with state_pressed=\"false\" and state_focused=\"false\" causes a NullPointerException.\n          NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'\n\n          <item android:state_pressed=\"false\" android:state_focused=\"false\" android:drawable=\"@drawable/abc_textfield_default_mtrl_alpha\"/>\n\n          For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.\n        -->\n        <item android:state_enabled=\"false\" android:drawable=\"@drawable/abc_textfield_default_mtrl_alpha\"/>\n        <item android:drawable=\"@drawable/abc_textfield_activated_mtrl_alpha\"/>\n    </selector>\n\n</inset>\n"
  },
  {
    "path": "android/app/src/main/res/drawable/splashscreen.xml",
    "content": " <layer-list xmlns:android=\"http://schemas.android.com/apk/res/android\">\r\n    <item android:drawable=\"@color/splashscreen_background\"/>\r\n </layer-list>"
  },
  {
    "path": "android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<adaptive-icon xmlns:android=\"http://schemas.android.com/apk/res/android\">\r\n    <background android:drawable=\"@color/ic_launcher_background\"/>\r\n    <foreground android:drawable=\"@mipmap/ic_launcher_foreground\"/>\r\n</adaptive-icon>"
  },
  {
    "path": "android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<adaptive-icon xmlns:android=\"http://schemas.android.com/apk/res/android\">\r\n    <background android:drawable=\"@color/ic_launcher_background\"/>\r\n    <foreground android:drawable=\"@mipmap/ic_launcher_foreground\"/>\r\n</adaptive-icon>"
  },
  {
    "path": "android/app/src/main/res/values/colors.xml",
    "content": "<resources>\r\n    <color name=\"splashscreen_background\">#27282C</color> <!-- #AARRGGBB or #RRGGBB format -->\r\n</resources>"
  },
  {
    "path": "android/app/src/main/res/values/ic_launcher_background.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<resources>\r\n    <color name=\"ic_launcher_background\">#27282C</color>\r\n</resources>"
  },
  {
    "path": "android/app/src/main/res/values/strings.xml",
    "content": "<resources>\n    <string name=\"app_name\">MusicFree</string>\n    <string name=\"expo_splash_screen_status_bar_translucent\">true</string>\n    <!-- rtnp channel id -->\n    <string name=\"rntp_temporary_channel_id\">musicfree_temporary_channel</string>\n    <!-- rtnp channel name -->\n    <string name=\"rntp_temporary_channel_name\">musicfree_temporary_channel</string>\n    <string name=\"playback_channel_name\">MusicFree</string>\n</resources>\n"
  },
  {
    "path": "android/app/src/main/res/values/styles.xml",
    "content": "<resources>\r\n\r\n    <!-- Base application theme. -->\r\n    <style name=\"AppTheme\" parent=\"Theme.AppCompat.DayNight.NoActionBar\">\r\n        <!-- Customize your theme here. -->\r\n        <item name=\"android:editTextBackground\">@drawable/rn_edit_text_material</item>\r\n    </style>\r\n\r\n    <!-- Splash screen -->\r\n    <style name=\"Theme.App.SplashScreen\" parent=\"Theme.SplashScreen\">\r\n        <item name=\"windowSplashScreenBackground\">@color/splashscreen_background</item>\r\n        <item name=\"windowSplashScreenAnimatedIcon\">@drawable/splashscreen_image</item>\r\n        <item name=\"postSplashScreenTheme\">@style/AppTheme</item>\r\n        <item name=\"android:windowSplashScreenBrandingImage\">@drawable/spashscreen_branding_image</item>\r\n    </style>\r\n\r\n</resources>\r\n"
  },
  {
    "path": "android/build.gradle",
    "content": "buildscript {\n    ext {\n        buildToolsVersion = \"35.0.0\"\n        minSdkVersion = 24\n        compileSdkVersion = 35\n        targetSdkVersion = 30\n        ndkVersion = \"26.1.10909125\"\n        kotlinVersion = \"1.9.24\"\n    }\n    repositories {\n        maven { url 'https://maven.aliyun.com/repository/central'}\n        maven { url 'https://maven.aliyun.com/repository/public' }\n        maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }\n        google()\n        mavenCentral()\n        maven { url 'https://jitpack.io' }\n    }\n    dependencies {\n        classpath(\"com.android.tools.build:gradle\")\n        classpath(\"com.facebook.react:react-native-gradle-plugin\")\n        classpath(\"org.jetbrains.kotlin:kotlin-gradle-plugin\")\n    }\n}\napply plugin: \"com.facebook.react.rootproject\"\n"
  },
  {
    "path": "android/gradle/wrapper/gradle-wrapper.properties",
    "content": "distributionBase=GRADLE_USER_HOME\ndistributionPath=wrapper/dists\n# distributionUrl=https\\://services.gradle.org/distributions/gradle-8.10.2-all.zip\ndistributionUrl=https\\://mirrors.cloud.tencent.com/gradle/gradle-8.10.2-all.zip\nnetworkTimeout=10000\nvalidateDistributionUrl=true\nzipStoreBase=GRADLE_USER_HOME\nzipStorePath=wrapper/dists\n"
  },
  {
    "path": "android/gradle.properties",
    "content": "# Project-wide Gradle settings.\n\n# IDE (e.g. Android Studio) users:\n# Gradle settings configured through the IDE *will override*\n# any settings specified in this file.\n\n# For more details on how to configure your build environment visit\n# http://www.gradle.org/docs/current/userguide/build_environment.html\n\n# Specifies the JVM arguments used for the daemon process.\n# The setting is particularly useful for tweaking memory settings.\n# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m\norg.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m\n\n# When configured, Gradle will run in incubating parallel mode.\n# This option should only be used with decoupled projects. More details, visit\n# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects\n# org.gradle.parallel=true\n\n# AndroidX package structure to make it clearer which packages are bundled with the\n# Android operating system, and which are packaged with your app's APK\n# https://developer.android.com/topic/libraries/support-library/androidx-rn\nandroid.useAndroidX=true\n\n# Use this property to specify which architecture you want to build.\n# You can also override it from the CLI using\n# ./gradlew <task> -PreactNativeArchitectures=x86_64\nreactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64\n\n# Use this property to enable support to the new architecture.\n# This will allow you to use TurboModules and the Fabric render in\n# your application. You should enable this flag either if you want\n# to write custom TurboModules/Fabric components OR use libraries that\n# are providing them.\nnewArchEnabled=false\n\n# Use this property to enable or disable the Hermes JS engine.\n# If set to false, you will be using JSC instead.\nhermesEnabled=true\n"
  },
  {
    "path": "android/gradlew",
    "content": "#!/bin/sh\n\n#\n# Copyright © 2015-2021 the original authors.\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this file except in compliance with the License.\n# You may obtain a copy of the License at\n#\n#      https://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n# SPDX-License-Identifier: Apache-2.0\n#\n\n##############################################################################\n#\n#   Gradle start up script for POSIX generated by Gradle.\n#\n#   Important for running:\n#\n#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is\n#       noncompliant, but you have some other compliant shell such as ksh or\n#       bash, then to run this script, type that shell name before the whole\n#       command line, like:\n#\n#           ksh Gradle\n#\n#       Busybox and similar reduced shells will NOT work, because this script\n#       requires all of these POSIX shell features:\n#         * functions;\n#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,\n#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;\n#         * compound commands having a testable exit status, especially «case»;\n#         * various built-in commands including «command», «set», and «ulimit».\n#\n#   Important for patching:\n#\n#   (2) This script targets any POSIX shell, so it avoids extensions provided\n#       by Bash, Ksh, etc; in particular arrays are avoided.\n#\n#       The \"traditional\" practice of packing multiple parameters into a\n#       space-separated string is a well documented source of bugs and security\n#       problems, so this is (mostly) avoided, by progressively accumulating\n#       options in \"$@\", and eventually passing that to Java.\n#\n#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,\n#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;\n#       see the in-line comments for details.\n#\n#       There are tweaks for specific operating systems such as AIX, CygWin,\n#       Darwin, MinGW, and NonStop.\n#\n#   (3) This script is generated from the Groovy template\n#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt\n#       within the Gradle project.\n#\n#       You can find Gradle at https://github.com/gradle/gradle/.\n#\n##############################################################################\n\n# Attempt to set APP_HOME\n\n# Resolve links: $0 may be a link\napp_path=$0\n\n# Need this for daisy-chained symlinks.\nwhile\n    APP_HOME=${app_path%\"${app_path##*/}\"}  # leaves a trailing /; empty if no leading path\n    [ -h \"$app_path\" ]\ndo\n    ls=$( ls -ld \"$app_path\" )\n    link=${ls#*' -> '}\n    case $link in             #(\n      /*)   app_path=$link ;; #(\n      *)    app_path=$APP_HOME$link ;;\n    esac\ndone\n\n# This is normally unused\n# shellcheck disable=SC2034\nAPP_BASE_NAME=${0##*/}\n# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)\nAPP_HOME=$( cd -P \"${APP_HOME:-./}\" > /dev/null && printf '%s\n' \"$PWD\" ) || exit\n\n# Use the maximum available, or set MAX_FD != -1 to use that value.\nMAX_FD=maximum\n\nwarn () {\n    echo \"$*\"\n} >&2\n\ndie () {\n    echo\n    echo \"$*\"\n    echo\n    exit 1\n} >&2\n\n# OS specific support (must be 'true' or 'false').\ncygwin=false\nmsys=false\ndarwin=false\nnonstop=false\ncase \"$( uname )\" in                #(\n  CYGWIN* )         cygwin=true  ;; #(\n  Darwin* )         darwin=true  ;; #(\n  MSYS* | MINGW* )  msys=true    ;; #(\n  NONSTOP* )        nonstop=true ;;\nesac\n\nCLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar\n\n\n# Determine the Java command to use to start the JVM.\nif [ -n \"$JAVA_HOME\" ] ; then\n    if [ -x \"$JAVA_HOME/jre/sh/java\" ] ; then\n        # IBM's JDK on AIX uses strange locations for the executables\n        JAVACMD=$JAVA_HOME/jre/sh/java\n    else\n        JAVACMD=$JAVA_HOME/bin/java\n    fi\n    if [ ! -x \"$JAVACMD\" ] ; then\n        die \"ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n    fi\nelse\n    JAVACMD=java\n    if ! command -v java >/dev/null 2>&1\n    then\n        die \"ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n    fi\nfi\n\n# Increase the maximum file descriptors if we can.\nif ! \"$cygwin\" && ! \"$darwin\" && ! \"$nonstop\" ; then\n    case $MAX_FD in #(\n      max*)\n        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.\n        # shellcheck disable=SC2039,SC3045\n        MAX_FD=$( ulimit -H -n ) ||\n            warn \"Could not query maximum file descriptor limit\"\n    esac\n    case $MAX_FD in  #(\n      '' | soft) :;; #(\n      *)\n        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.\n        # shellcheck disable=SC2039,SC3045\n        ulimit -n \"$MAX_FD\" ||\n            warn \"Could not set maximum file descriptor limit to $MAX_FD\"\n    esac\nfi\n\n# Collect all arguments for the java command, stacking in reverse order:\n#   * args from the command line\n#   * the main class name\n#   * -classpath\n#   * -D...appname settings\n#   * --module-path (only if needed)\n#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.\n\n# For Cygwin or MSYS, switch paths to Windows format before running java\nif \"$cygwin\" || \"$msys\" ; then\n    APP_HOME=$( cygpath --path --mixed \"$APP_HOME\" )\n    CLASSPATH=$( cygpath --path --mixed \"$CLASSPATH\" )\n\n    JAVACMD=$( cygpath --unix \"$JAVACMD\" )\n\n    # Now convert the arguments - kludge to limit ourselves to /bin/sh\n    for arg do\n        if\n            case $arg in                                #(\n              -*)   false ;;                            # don't mess with options #(\n              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath\n                    [ -e \"$t\" ] ;;                      #(\n              *)    false ;;\n            esac\n        then\n            arg=$( cygpath --path --ignore --mixed \"$arg\" )\n        fi\n        # Roll the args list around exactly as many times as the number of\n        # args, so each arg winds up back in the position where it started, but\n        # possibly modified.\n        #\n        # NB: a `for` loop captures its iteration list before it begins, so\n        # changing the positional parameters here affects neither the number of\n        # iterations, nor the values presented in `arg`.\n        shift                   # remove old arg\n        set -- \"$@\" \"$arg\"      # push replacement arg\n    done\nfi\n\n\n# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nDEFAULT_JVM_OPTS='\"-Xmx64m\" \"-Xms64m\"'\n\n# Collect all arguments for the java command:\n#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,\n#     and any embedded shellness will be escaped.\n#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be\n#     treated as '${Hostname}' itself on the command line.\n\nset -- \\\n        \"-Dorg.gradle.appname=$APP_BASE_NAME\" \\\n        -classpath \"$CLASSPATH\" \\\n        org.gradle.wrapper.GradleWrapperMain \\\n        \"$@\"\n\n# Stop when \"xargs\" is not available.\nif ! command -v xargs >/dev/null 2>&1\nthen\n    die \"xargs is not available\"\nfi\n\n# Use \"xargs\" to parse quoted args.\n#\n# With -n1 it outputs one arg per line, with the quotes and backslashes removed.\n#\n# In Bash we could simply go:\n#\n#   readarray ARGS < <( xargs -n1 <<<\"$var\" ) &&\n#   set -- \"${ARGS[@]}\" \"$@\"\n#\n# but POSIX shell has neither arrays nor command substitution, so instead we\n# post-process each arg (as a line of input to sed) to backslash-escape any\n# character that might be a shell metacharacter, then use eval to reverse\n# that process (while maintaining the separation between arguments), and wrap\n# the whole thing up as a single \"set\" statement.\n#\n# This will of course break if any of these variables contains a newline or\n# an unmatched quote.\n#\n\neval \"set -- $(\n        printf '%s\\n' \"$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS\" |\n        xargs -n1 |\n        sed ' s~[^-[:alnum:]+,./:=@_]~\\\\&~g; ' |\n        tr '\\n' ' '\n    )\" '\"$@\"'\n\nexec \"$JAVACMD\" \"$@\"\n"
  },
  {
    "path": "android/gradlew.bat",
    "content": "@rem\r\n@rem Copyright 2015 the original author or authors.\r\n@rem\r\n@rem Licensed under the Apache License, Version 2.0 (the \"License\");\r\n@rem you may not use this file except in compliance with the License.\r\n@rem You may obtain a copy of the License at\r\n@rem\r\n@rem      https://www.apache.org/licenses/LICENSE-2.0\r\n@rem\r\n@rem Unless required by applicable law or agreed to in writing, software\r\n@rem distributed under the License is distributed on an \"AS IS\" BASIS,\r\n@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n@rem See the License for the specific language governing permissions and\r\n@rem limitations under the License.\r\n@rem\r\n@rem SPDX-License-Identifier: Apache-2.0\r\n@rem\r\n\r\n@if \"%DEBUG%\"==\"\" @echo off\r\n@rem ##########################################################################\r\n@rem\r\n@rem  Gradle startup script for Windows\r\n@rem\r\n@rem ##########################################################################\r\n\r\n@rem Set local scope for the variables with windows NT shell\r\nif \"%OS%\"==\"Windows_NT\" setlocal\r\n\r\nset DIRNAME=%~dp0\r\nif \"%DIRNAME%\"==\"\" set DIRNAME=.\r\n@rem This is normally unused\r\nset APP_BASE_NAME=%~n0\r\nset APP_HOME=%DIRNAME%\r\n\r\n@rem Resolve any \".\" and \"..\" in APP_HOME to make it shorter.\r\nfor %%i in (\"%APP_HOME%\") do set APP_HOME=%%~fi\r\n\r\n@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\r\nset DEFAULT_JVM_OPTS=\"-Xmx64m\" \"-Xms64m\"\r\n\r\n@rem Find java.exe\r\nif defined JAVA_HOME goto findJavaFromJavaHome\r\n\r\nset JAVA_EXE=java.exe\r\n%JAVA_EXE% -version >NUL 2>&1\r\nif %ERRORLEVEL% equ 0 goto execute\r\n\r\necho. 1>&2\r\necho ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2\r\necho. 1>&2\r\necho Please set the JAVA_HOME variable in your environment to match the 1>&2\r\necho location of your Java installation. 1>&2\r\n\r\ngoto fail\r\n\r\n:findJavaFromJavaHome\r\nset JAVA_HOME=%JAVA_HOME:\"=%\r\nset JAVA_EXE=%JAVA_HOME%/bin/java.exe\r\n\r\nif exist \"%JAVA_EXE%\" goto execute\r\n\r\necho. 1>&2\r\necho ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2\r\necho. 1>&2\r\necho Please set the JAVA_HOME variable in your environment to match the 1>&2\r\necho location of your Java installation. 1>&2\r\n\r\ngoto fail\r\n\r\n:execute\r\n@rem Setup the command line\r\n\r\nset CLASSPATH=%APP_HOME%\\gradle\\wrapper\\gradle-wrapper.jar\r\n\r\n\r\n@rem Execute Gradle\r\n\"%JAVA_EXE%\" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% \"-Dorg.gradle.appname=%APP_BASE_NAME%\" -classpath \"%CLASSPATH%\" org.gradle.wrapper.GradleWrapperMain %*\r\n\r\n:end\r\n@rem End local scope for the variables with windows NT shell\r\nif %ERRORLEVEL% equ 0 goto mainEnd\r\n\r\n:fail\r\nrem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of\r\nrem the _cmd.exe /c_ return code!\r\nset EXIT_CODE=%ERRORLEVEL%\r\nif %EXIT_CODE% equ 0 set EXIT_CODE=1\r\nif not \"\"==\"%GRADLE_EXIT_CONSOLE%\" exit %EXIT_CODE%\r\nexit /b %EXIT_CODE%\r\n\r\n:mainEnd\r\nif \"%OS%\"==\"Windows_NT\" endlocal\r\n\r\n:omega\r\n"
  },
  {
    "path": "android/settings.gradle",
    "content": "pluginManagement { includeBuild(\"../node_modules/@react-native/gradle-plugin\") }\r\nplugins { id(\"com.facebook.react.settings\") }\r\nextensions.configure(com.facebook.react.ReactSettingsExtension){ ex ->\n  def command = [\n    'node',\n    '--no-warnings',\n    '--eval',\n    'require(require.resolve(\\'expo-modules-autolinking\\', { paths: [require.resolve(\\'expo/package.json\\')] }))(process.argv.slice(1))',\n    'react-native-config',\n    '--json',\n    '--platform',\n    'android'\n  ].toList()\n  ex.autolinkLibrariesFromCommand(command)\n}\r\nrootProject.name = 'MusicFree'\r\ninclude ':app'\r\nincludeBuild('../node_modules/@react-native/gradle-plugin')\r\n\r\napply from: new File([\"node\", \"--print\", \"require.resolve('expo/package.json')\"].execute(null, rootDir).text.trim(), \"../scripts/autolinking.gradle\")\r\nuseExpoModules()\r\n"
  },
  {
    "path": "app.json",
    "content": "{\n  \"name\": \"MusicFree\",\n  \"displayName\": \"MusicFree\"\n}\n"
  },
  {
    "path": "babel.config.js",
    "content": "module.exports = {\n    presets: ['babel-preset-expo'],\n    plugins: [\n        [\n            'module-resolver',\n            {\n                root: ['./'],\n                alias: {\n                    '^@/(.+)': './src/\\\\1',\n                    'webdav': \"webdav/dist/react-native\"\n                },\n            },\n        ],\n        'react-native-reanimated/plugin',\n    ],\n    env: {\n        production: {\n            plugins: ['transform-remove-console'],\n        },\n    },\n};\n"
  },
  {
    "path": "changelog.md",
    "content": "`2025.10.9 v0.6.2`\r\n1. 【优化】优化了软件启动速度\r\n\r\n`2025.8.3 v0.6.1`\r\n1. 修复进入软件时播放进度丢失的问题\r\n2. 修复某些情况下无法添加到歌单的问题\r\n\r\n`2025.7.24 v0.6.0`\r\n一大波优化和问题修复~\r\n1. 【功能】优化了倒计时功能，支持倒计时结束后，歌曲播放完成后再退出应用\r\n2. 【功能】支持多语言\r\n3. 【功能】新增音源重定向功能\r\n4. 【功能】自定义主题中，选择颜色弹窗支持直接输入颜色代码\r\n5. 【功能】新增配置，音频被暂时打断时可调节降低音量的幅度（感谢@eastcukt）\r\n6. 【功能】本地歌单中，高亮正在播放的歌曲\r\n7. 【功能】本地歌单中，新增定位按钮，点击定位按钮可跳转到正在播放的音乐\r\n8. 【优化】略微调大了歌词页的播放按钮\r\n9. 【优化】首页-推荐歌单支持左右滑动\r\n10. 【优化】优化播放器的稳定性，减少出现闪退/播放自动暂停的情况\r\n11. 【修复】修复了一批样式bug\r\n12. 【修复】修复了点击更新订阅插件后，插件页始终展示加载中的问题\r\n13. 【修复】修复部分情况下歌词页高亮混乱的问题\r\n14. 【插件】插件获取评论支持分页（需要插件配合）\r\n15. 【插件】修复移动端axios库中读取的cookie和桌面版不一致的问题\r\n16. 【插件】插件新增description字段，可嵌入markdown格式的插件说明\r\n17. 【其他】重构了核心部分代码逻辑，后续维护起来成本会小一些\r\n\r\n`2025.4.4 v0.5.1`\r\n1. 【修复】修复插件开关点击无效的问题\r\n2. 【修复】修复开屏图片消失的问题\r\n3. 【优化】增加新建歌单名称的长度限制\r\n4. 【优化】优化插件安装失败的提示样式\r\n\r\n`2025.2.9 v0.5.0`\r\n1. 【升级】升级ReactNative到0.76.5（注意：升级后只支持安卓7.0及以上设备，低于此版本的设备请不要升级）\r\n2. 【修复】修复了运行应用一段时间后容易闪退的问题\r\n3. 【修复】修复了插件网络请求无法传递cookie的问题\r\n4. 【修复】新增了设置本地歌单封面的功能（在0.4版本暂时下线了）\r\n5. 【修复】修复了部分情况下，播放本地音乐提示 “当前非Wifi环境” 的问题\r\n6. 【优化】优化了一些代码逻辑\r\n\r\n`2024.11.10 v0.4.4`  \r\n【修复】修复了部分系统上弹窗、浮层等无法出现，或动画表现异常的问题\r\n\r\n`2024.10.27 v0.4.3`  \r\n【修复】修复了部分系统上文字显示不全的问题\r\n\r\n`2024.9.18 v0.4.2`\r\n1. 【修复】修复本地音乐无法播放的问题\r\n\r\n`2024.9.8 v0.4.1`\r\n安装包上传到了飞书云文档，浏览器打开链接后有个下载说明，可以根据这个指引安装apk\r\n1. 【修复】修复桌面歌词无法开启的问题\r\n2. 【修复】修复了修改桌面歌词颜色会导致闪退的问题\r\n3. 【修复】回滚了本地音乐部分读取文件的逻辑\r\n4. 【修复】修复了点击【编辑歌单信息】按钮无效的问题\r\n\r\n`2024.9.1 v0.4.0`\r\n本次更新修改了歌单的存储机制，建议谨慎更新\r\n安装包上传到了飞书云文档，浏览器打开链接后有个下载说明，可以根据这个指引安装apk\r\n1. 【升级】ReactNative升级到0.74.4\r\n2. 【功能】换了个logo和开屏页\r\n3. 【功能】播放列表的歌曲限制从1500首调整到10000首\r\n4. 【功能】重写了歌曲排序机制\r\n5. 【功能】插件新增评论区功能（需要插件实现getMusicComments方法）\r\n6. 【优化】调整部分样式，优化删除歌曲时的性能\r\n7. 【修复】修复歌词翻译错位的问题\r\n8. 【修复】修复部分情况下无法复制作者/专辑的问题\r\n9. 【修复】修复在歌单详情页删除歌单会导致白屏的问题\r\n10. 【修复】修复搜索框在部分情况下自动触发搜索的问题\r\n11. 【修复】修复右上角菜单位置跳变的问题\r\n12. 【修复】修复在预览专辑封面时触发返回不会关闭预览弹窗的问题\r\n13. 【修复】下载文件时转移文件中的保留字符（感谢@GuGuMur）\r\n14. 【其他】分架构打包，更新开源协议为 AGPL 3.0\r\n\r\n`2024.3.31 v0.3.0`\r\n本次更新优化了存储方式，更新到此版本后，歌单会自动转化为新的存储方式；安装新版本后再回退到老版本会导致歌单清空，虽然测试下来没啥问题，但是请谨慎升级Orz\r\n备用链接：https://pan.baidu.com/s/1HmbHlh3vTcSyVXcOs-7kTA?pwd=saku 提取码: saku\r\n1. 【功能】历史播放记录支持批量编辑\r\n2. 【功能】歌单内支持按照加入时间排序\r\n3. 【功能】新增设置“本地歌单添加歌曲顺序”，在歌单内添加歌曲时可以加到歌单开头\r\n4. 【功能】首页新建歌单旁边新增“导入歌单”按钮，点击时会自动寻找具有导入歌单功能的插件，并拉起导入浮层\r\n5. 【功能】设置项中新增“自动换源”功能，当插件失效/无法获取播放链接时，会自动尝试更换其他源的同名歌曲\r\n6. 【优化】尝试优化了软件启动时间，应该有点作用\r\n7. 【优化】更新了存储方式，现在单个歌单可以存储大于10000首歌曲；\r\n8. 【优化】调整未开启“允许使用移动网络播放”开关时的样式表现\r\n9. 【优化】优化了设置页的样式\r\n10. 【优化】微调歌词详情页的布局\r\n11. 【修复】修复打开弹窗时，点击返回按钮不关闭弹窗的问题\r\n12. 【修复】修复启动软件时播放模式错误的问题\r\n13. 【修复】修复搜索结果页特定情况下白屏的问题\r\n\r\n`2024.1.21 v0.2.0`\r\n1. 【功能】支持 Webdav 备份 & 播放\r\n2. 【功能】插件支持显示作者\r\n3. 【功能】插件榜单详情支持分页\r\n4. 【功能】首页&歌词页样式改版：新增歌词进度调整、歌词大小调整、歌词翻译、自动搜索歌词\r\n5. 【功能】新增收藏歌单功能\r\n6. 【功能】侧边栏新增“权限管理”设置\r\n7. 【功能】音乐播放栏支持左右滑动切歌（可能会闪一下，后续修掉）\r\n8. 【功能】新增 “通知栏显示关闭按钮” 设置\r\n9. 【优化】重构播放、数据存储逻辑\r\n10. 【优化】统一浮层、toast样式\r\n11. 【优化】去除插件URL必须以.js结尾的限制\r\n12. 【修复】修改无限列表到底不触发onEndReached的问题 (感谢 @282931)\r\n13. 【修复】修复标题栏背景色透明度不生效的问题\r\n14. 【修复】修复播放记录退出后被清空的问题\r\n15. 【修复】修复部分情况下深色模式异常的问题\r\n16. 【其他】这次安装包备用链接发到百度网盘了：https://pan.baidu.com/s/1H360C0MqejKXS67XwMqgPw?pwd=6666 提取码6666\r\n\r\n\r\n`2023.11.24 v0.1.2-alpha.0`\r\n1. 【功能】新增桌面歌词功能，可在设置页开启（开启之前需要去手机设置授予悬浮窗权限）\r\n2. 【功能】可以使用 MusicFree 打开本地 .js 或 .mp3 文件；其中 .js 文件会被当作插件安装； .mp3 文件会直接播放\r\n3. 【功能】新增插件设置：打开软件时自动更新插件、安装插件时不校验版本\r\n4. 【功能】新增播放设置：打开软件时自动播放歌曲\r\n5. 【功能】插件页新增开关，可以控制是否在榜单、热门歌单、搜索结果中展示对应插件的结果\r\n6. 【功能】插件协议新增 “用户变量” ，可以在插件中获取 APP 输入的配置（可以由此实现自建音乐源的插件/webdav源插件，但是还没写）\r\n7. 【优化】下载单曲支持选择音质\r\n8. 【优化】新增“关联歌词方式”设置，如果设置为“输入歌曲ID”，则会恢复老版本关联歌词，即输入ID关联歌词\r\n9. 【优化】侧边栏新增“返回桌面”按钮\r\n10. 【修复】修复榜单、推荐歌单、搜索歌词页白屏闪退的问题 (感谢 @282931)\r\n11. 【修复】修复自定义背景模糊度和透明度无法设置为 0 的问题 (感谢 @282931)\r\n12. 【修复】修复浅色主题状态栏表现错误的问题\r\n13. 【修复】修复歌单批量编辑无法删除的问题\r\n14. 【修复】修复无法恢复桌面版导出的歌单的问题\r\n\r\n`2023.10.15 v0.1.1-alpha.0`\r\n1. 【功能】音源支持m3u8 (桌面版下个版本支持m3u8)\r\n2. 【功能】增加歌曲详情页屏幕常亮的设置\r\n3. 【功能】重构主题相关功能，增加「跟随系统深色设置」选项；调整大部分样式，移除第三方UI库\r\n4. 【功能】插件页增加「插件批量更新」的功能\r\n5. 【功能】取消原「歌词关联」的逻辑，修改为拉起「歌词搜索」浮层\r\n6. 【优化】增加了一些无障碍属性\r\n7. 【修复】修复部分场景下无法保存歌单的问题\r\n8. 【修复】修复部分场景下重启之后无法播放歌曲的问题\r\n9. 【插件】部分插件更新，侧边栏更新插件即可\r\n\r\n`2023.8.13 v0.1.0-alpha.10`\r\n1. 【功能】当前音乐无歌词时可以在歌词页搜索歌词\r\n2. 【优化】调整右上角弹出气泡的位置\r\n3. 【优化】增加打开歌曲详情页时的默认表现设置\r\n4. 【优化】修复进入歌词页时候显示跳变的问题\r\n5. 【插件】插件协议更新，更新后可以配置某插件不出现在特定的搜索结果页下\r\n6. 【插件】部分插件更新，侧边栏更新插件即可\r\n\r\n`2023.6.26 v0.1.0-alpha.9`\r\n1. 【功能】新增搜索歌单功能\r\n2. 【功能】新增播放记录功能\r\n3. 【优化】加了一些无障碍适配\r\n4. 【插件】部分插件更新，侧边栏更新插件即可\r\n\r\n`2023.6.4 v0.1.0-alpha.8`\r\n1. 【功能】新增“推荐歌单”功能，需要配合支持该功能的插件使用\r\n2. 【功能】导入本地文件时增加“全选”按钮\r\n3. 【优化】修改“保存专辑封面”时的提示文案\r\n4. 【修复】修复当目标歌曲在播放列表内时，添加到下一首播放无效的问题\r\n5. 【插件】部分插件更新，侧边栏更新插件即可\r\n\r\n`2023.5.21 v0.1.0-alpha.7`\r\n1. 【功能】歌单页新增“播放全部”按钮\r\n2. 【功能】歌曲播放页中，长按专辑封面可保存到本地\r\n3. 【功能】歌单页新增“歌单排序”功能\r\n4. 【插件】b站插件作者页API变动，侧边栏更新插件即可\r\n\r\n`2023.5.3 v0.1.0-alpha.6`\r\n小小拖更一下~\r\n1. 【功能】歌单内搜索时支持英文大小写模糊搜索\r\n2. 【修复】修复首次进入时歌曲可能无法正常播放的问题\r\n\r\n`2023.3.26 v0.1.0-alpha.5`\r\n1. 【功能】更新弹窗新增“跳过此版本”的复选框\r\n2. 【功能】侧边栏-基本设置-开发选项中新增“查看错误日志”的选项，点击会弹出错误日志的弹窗\r\n3. 【修复】修复输入框被软键盘遮挡的问题\r\n4. 【优化】优化了定时关闭的样式\r\n5. 【文档】文档中更新了插件的制作教程。文档地址：http://musicfree.upup.fun\r\n\r\n`2023.3.19 v0.1.0-alpha.4`\r\n1. 【功能】适配横屏设备\r\n2. 【功能】新建歌单时添加默认歌单名；从专辑/榜单批量添加到新歌单时，默认以专辑名/榜单名为新歌单名\r\n3. 【修复】修复设备有虚拟按键时，浮层会被遮挡的问题\r\n4. 【修复】修复拖拽歌词时部分情况下时间异常的问题\r\n5. 【修复】调整下载失败时的提示文案\r\n6. 【插件】部分插件有更新，可以从侧边栏更新\r\n\r\n`2023.2.26 v0.1.0-alpha.3`\r\n1. 【功能】专辑列表支持分页，需要配合插件更新；\r\n2. 【优化】去掉了全面屏手机界面下方的小白条；\r\n3. 【优化】调整拖拽歌词时标识线的对齐范围；调整歌词拖到最底端时的逻辑；\r\n4. 【优化】调整下载歌曲时的文件名；\r\n5. 【优化】导入歌曲时的提示文案增加滚动；\r\n6. 【修复】修复特殊情况下歌曲中断后可能恢复到错误状态的问题（未验证）；\r\n7. 【插件】个别插件有更新，可以去侧边栏更新订阅。\r\n\r\n`2023.2.13 v0.1.0-alpha.2`\r\n1. 【功能】备份&恢复：可以把本地的歌单和插件备份到一个json文件中，也可以从本地文件或网络上恢复插件和歌单。\r\n2. 【修复】修复部分情况下后台播放切换歌曲时暂停的问题\r\n3. 【修复】修复部分场景无法下载的问题\r\n4. 【修复】修复部分场景无法删除本地文件的问题\r\n5. 【优化】简单优化了下歌单列表\r\n6. 【调试】调试面板现在可以打印出插件中的console语句\r\n\r\n`2023.1.27 v0.1.0-alpha.1`\r\n1. !!!【功能】插件更新，升级到新版本之后原有插件完全不兼容；更新后卸载原有插件，然后更新订阅即可（具体看公众号示例）\r\n2. 【功能】新增功能“倍速播放”\r\n3. 【功能】重写了插件订阅的逻辑，现在应该会更合理一点点\r\n4. 【功能】删除本地文件之前增加二次确认提醒\r\n5. 【功能】增加了一些无关紧要的分享\r\n6. 【样式】换了个logo，丑的更直白一些\r\n7. 【样式】调整了一些样式（如播放页的模糊和透明度、歌词样式等）\r\n8. 【样式】专辑描述文字默认6行，点击可以展开或折叠\r\n9. 【修复】修复部分情况下无法下载的问题\r\n10. 【插件】大量插件有更新，更新到此版本后更新订阅即可\r\n\r\n`2023.1.8 v0.0.1-alpha.13`\r\n1. 【功能】主页入口增加“榜单”\r\n2. 【功能】歌单页新增“编辑歌单信息”，可以修改歌单名称和歌单封面\r\n3. 【修复】修复了一个会导致播放音乐时拖拽排序卡顿的问题，做了一些其他优化\r\n4. 【插件】部分插件有更新，可以在侧边栏更新\r\n\r\n`2022.12.25 v0.0.1-alpha.12`\r\n1. 【功能】增加“单击搜索结果中单曲tab”时的行为配置\r\n2. 【功能】增加调试配置及调试面板，可用于查看插件的错误信息\r\n3. 【修复】修复部分情况下本地音乐中断时无法继续播放的问题\r\n4. 【修复】尝试修复扫描本地音乐，音乐文件太多时可能卡死的问题\r\n\r\n`2022.12.11 v0.0.1-alpha.11`\r\n1. 【功能】完善音质功能\r\n2. 【功能】更新下载功能，支持根据音质下载文件；修复一些小问题\r\n3. 【功能】新增播放时被打断的设置，可设置为暂停或者暂时降低音量\r\n4. 【优化】调整侧边栏样式，侧边栏新增“定时关闭”功能\r\n5. 【优化】本地音乐读取歌词时，会自动读取同目录下的同名lrc文件作为歌词\r\n6. 【修复】修复安装插件时误弹安装失败提示的问题\r\n7. 【修复】修复部分情况下本地文件删除失败的问题\r\n8. 【修复】修复本地音乐在通知栏不显示音乐标题的问题\r\n9. 【插件】示例插件仓库中migu有更新（支持音质），需要可自行更新\r\n\r\n`2022.12.4 v0.0.1-alpha.10`\r\n1. 【功能】支持自定义下载路径\r\n2. 【功能】支持插件排序（也就是搜索结果的排序）\r\n3. 【功能】增加音质相关的配置\r\n4. 【优化】弹窗、浮层的性能优化，页面嵌套较深时卡顿的情况应该会好一点\r\n5. 【优化】拖拽排序，比上个版本手感应该会好一点\r\n6. 【修复】修复在歌词页清空播放列表时白屏的问题\r\n\r\n`2022.11.20  v0.0.1-alpha.9`\r\n1. 【功能】本地音乐读取内嵌歌词\r\n2. 【功能】批量编辑页新增了凑合能用的拖拽排序\r\n3. 【功能】歌曲详情浮层新增凑合能用的定时关闭\r\n4. 【功能】添加到歌单时可以新建歌单\r\n5. 【功能】本地音乐扫描支持外置sd卡；支持导入aac格式\r\n6. 【优化】优化播放列表浮层拉起时的锚定\r\n7. 【修复】修复更新弹窗无法滚动的问题\r\n8. 【修复】修复安卓12状态栏概率不沉浸的问题\r\n9. 【修复】修复安卓12、13播一首就停的问题\r\n10. 【插件】示例插件有更新，可以删掉原有插件重新导入\r\n\r\n`2022.11.13  v0.0.1-alpha.8`\r\n1. 【功能】侧边栏插件设置新增“订阅插件”功能，订阅之后直接点击“更新插件”即可更新，不需要清空重装了\r\n2. 【功能】本地音乐读取内置封面\r\n3. 【功能】本地音乐歌单支持批量删除（不删除源文件）\r\n4. 【优化】重写导入本地音乐的逻辑，支持多选文件夹；修复部分机型重启应用时本地音乐消失的问题（可能需要删除后重新导入）；支持导入flac,wav,wav,m4a,ogg等格式\r\n5. 【优化】重写播放列表浮层，拉起时会锚定到当前正在播放的歌曲\r\n6. 【优化】调整部分逻辑，可能会减少音频卡顿时卡死的情况\r\n7. 【修复】修复歌曲详情页进度条不连续的问题\r\n8. 【修复】修复某些情况下无法关联歌词的问题\r\n9. 【修复】修复正在播放的歌曲无歌词时，进入歌词页白屏的问题\r\n10. 【插件】示例插件有更新，可以删掉原有插件重新导入\r\n\r\n`2022.10.30  v0.0.1-alpha.7`\r\n1. 新增功能：历史记录一键清空\r\n2. 新增功能：歌手页、本地歌单页支持批量编辑\r\n3. 修复移动网络下无法播放本地音乐的问题\r\n4. 样式优化&修复：toast提示显示异常、侧边栏样式优化、歌单内序号显示不全、【关于】页无法滑动\r\n5. 之前使用的拖拽排序组件在列表较大时有很严重的性能问题，会导致卡顿甚至白屏，因此批量编辑页暂时去掉了拖拽排序，后续会重新加上\r\n\r\n`2022.10.22  v0.0.1-alpha.6`\r\n1. 重要!! v0.0.1-alpha.5以前的版本无法通过app正常更新，请在gitee/github发布页下载最新版本(v0.0.1-alpha.6)，或QQ群自取；\r\n2. 导入本地音乐时，如果未识别本地音乐文件，则会使用文件名作为音乐名；\r\n3. 自建歌单、专辑详情页增加批量选择功能，可点击右上角查看(歌曲较多时可能有点卡，后续优化)；使用方式：选中歌曲可进行下一首播放/加入歌单/下载/删除，长按拖动进行排序；删除/排序后点击保存按钮方可生效\r\n4. 调整歌单内歌曲编号字体大小；\r\n\r\n`2022.10.16  v0.0.1-alpha.5`\r\n1. 新增功能：导入本地音乐文件\r\n2. 从网络源安装的插件可在插件页直接更新\r\n3. 调整下载逻辑\r\n\r\n`2022.10.06  v0.0.1-alpha.4`\r\n1. 修复专辑详情页没有loading的问题\r\n2. 为插件新增Cookie管理器\r\n3. 优化播放页的显示\r\n4. 新增一键卸载全部插件的功能\r\n\r\n`2022.10.04  v0.0.1-alpha.3`\r\n1. 修复设置页无法滚动的问题\r\n2. 修复播放结束时可能暂停的问题\r\n\r\n`2022.10.03  v0.0.1-alpha.2`\r\n1. 插件协议更新，需要重新安装插件\r\n2. 支持批量导入插件\r\n3. 新增清空播放列表功能\r\n4. 优化搜索结果面板和播放专辑逻辑\r\n\r\n`2022.10.02`\r\n测试版本出现啦！撒花\r\n"
  },
  {
    "path": "generator/generate-assets.mjs",
    "content": "import fs from 'fs/promises';\r\nimport path from 'path';\r\nimport * as url from \"node:url\";\r\n\r\n\r\nfunction toCamelCase(str) {\r\n    // 将下划线和中划线统一替换为空格\r\n    let camelCaseStr = str.replace(/[-_]/g, ' ');\r\n\r\n    // 将每个单词的首字母大写，其余字母小写\r\n    camelCaseStr = camelCaseStr.split(' ').map(word => {\r\n        return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();\r\n    }).join('');\r\n\r\n    return camelCaseStr;\r\n}\r\n\r\n// 读取所有的icon\r\nconst basePath = path.resolve(url.fileURLToPath(import.meta.url), '../../src/assets/icons')\r\n\r\n// 读取所有的svg\r\nconst icons = await fs.readdir(basePath)\r\n\r\nconst assets = icons.map(it => ({\r\n    componentName: toCamelCase(it.slice(0, -path.extname(it).length)) + \"Icon\",\r\n    filePath: `@/assets/icons/${it}`,\r\n    name: it.slice(0, -path.extname(it).length)\r\n}))\r\n\r\nlet scriptTemplate = `// This file is generated by generate-assets.mjs. DO NOT MODIFY.\r\nimport {SvgProps} from 'react-native-svg';\r\n\r\n${assets.map(asset => `import ${asset.componentName} from '${asset.filePath}';`).join('\\n')}\r\n\r\nexport type IIconName = ${assets.map(asset => `'${asset.name}'`).join(' | ')};\r\n\r\ninterface IProps extends SvgProps {\r\n    /** 图标名称 */\r\n    name: IIconName;\r\n    /** 图标大小 */\r\n    size?: number;\r\n}\r\n\r\nconst iconMap = {\r\n${assets.map(asset => `    '${asset.name}': ${asset.componentName}`).join(',\\n')}\r\n} as const;\r\n\r\nexport default function Icon(props: IProps) {\r\n    const {name, size} = props;\r\n    \r\n    const newProps = {\r\n        ...props,\r\n        width: props.width ?? size,\r\n        height: props.width ?? size\r\n    } as SvgProps;\r\n    \r\n    const Component = iconMap[name];\r\n    \r\n    return <Component {...newProps}></Component>;\r\n}\r\n`\r\n\r\nconst targetPath = path.resolve(url.fileURLToPath(import.meta.url), '../../src/components/base/icon.tsx');\r\nawait fs.writeFile(targetPath, scriptTemplate, 'utf8');\r\n\r\nconsole.log(`Generate Succeed. ${assets.length} assets.`)"
  },
  {
    "path": "index.js",
    "content": "/**\n * @format\n */\n\nimport {AppRegistry} from 'react-native';\nimport {name as appName} from './app.json';\nimport TrackPlayer from 'react-native-track-player';\nimport Pages from '@/entry';\n\nAppRegistry.registerComponent(appName, () => Pages);\nTrackPlayer.registerPlaybackService(() => require('./src/service/index'));\n"
  },
  {
    "path": "ios/.xcode.env",
    "content": "# This `.xcode.env` file is versioned and is used to source the environment\n# used when running script phases inside Xcode.\n# To customize your local environment, you can create an `.xcode.env.local`\n# file that is not versioned.\n\n# NODE_BINARY variable contains the PATH to the node executable.\n#\n# Customize the NODE_BINARY variable here.\n# For example, to use nvm with brew, add the following line\n# . \"$(brew --prefix nvm)/nvm.sh\" --no-use\nexport NODE_BINARY=$(command -v node)\n"
  },
  {
    "path": "ios/MusicFree/AppDelegate.h",
    "content": "#import <RCTAppDelegate.h>\r\n#import <Expo/Expo.h>\r\n#import <UIKit/UIKit.h>\r\n\r\n@interface AppDelegate : EXAppDelegateWrapper\r\n\r\n@end\r\n"
  },
  {
    "path": "ios/MusicFree/AppDelegate.mm",
    "content": "#import \"AppDelegate.h\"\r\n\r\n#import <React/RCTBundleURLProvider.h>\r\n\r\n@implementation AppDelegate\r\n\r\n- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions\r\n{\r\n  self.moduleName = @\"MusicFree\";\r\n  // You can add your custom initial props in the dictionary below.\r\n  // They will be passed down to the ViewController used by React Native.\r\n  self.initialProps = @{};\r\n\r\n  return [super application:application didFinishLaunchingWithOptions:launchOptions];\r\n}\r\n\r\n- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge\r\n{\r\n  return [self bundleURL];\r\n}\r\n\r\n- (NSURL *)bundleURL\r\n{\r\n#if DEBUG\r\n  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@\".expo/.virtual-metro-entry\"];\r\n#else\r\n  return [[NSBundle mainBundle] URLForResource:@\"main\" withExtension:@\"jsbundle\"];\r\n#endif\r\n}\r\n\r\n@end\r\n"
  },
  {
    "path": "ios/MusicFree/Images.xcassets/AppIcon.appiconset/Contents.json",
    "content": "{\n  \"images\" : [\n    {\n      \"idiom\" : \"iphone\",\n      \"scale\" : \"2x\",\n      \"size\" : \"20x20\"\n    },\n    {\n      \"idiom\" : \"iphone\",\n      \"scale\" : \"3x\",\n      \"size\" : \"20x20\"\n    },\n    {\n      \"idiom\" : \"iphone\",\n      \"scale\" : \"2x\",\n      \"size\" : \"29x29\"\n    },\n    {\n      \"idiom\" : \"iphone\",\n      \"scale\" : \"3x\",\n      \"size\" : \"29x29\"\n    },\n    {\n      \"idiom\" : \"iphone\",\n      \"scale\" : \"2x\",\n      \"size\" : \"40x40\"\n    },\n    {\n      \"idiom\" : \"iphone\",\n      \"scale\" : \"3x\",\n      \"size\" : \"40x40\"\n    },\n    {\n      \"idiom\" : \"iphone\",\n      \"scale\" : \"2x\",\n      \"size\" : \"60x60\"\n    },\n    {\n      \"idiom\" : \"iphone\",\n      \"scale\" : \"3x\",\n      \"size\" : \"60x60\"\n    },\n    {\n      \"idiom\" : \"ios-marketing\",\n      \"scale\" : \"1x\",\n      \"size\" : \"1024x1024\"\n    }\n  ],\n  \"info\" : {\n    \"author\" : \"xcode\",\n    \"version\" : 1\n  }\n}\n"
  },
  {
    "path": "ios/MusicFree/Images.xcassets/Contents.json",
    "content": "{\n  \"info\" : {\n    \"version\" : 1,\n    \"author\" : \"xcode\"\n  }\n}\n"
  },
  {
    "path": "ios/MusicFree/Info.plist",
    "content": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE plist PUBLIC \"-//Apple//DTD PLIST 1.0//EN\" \"http://www.apple.com/DTDs/PropertyList-1.0.dtd\">\n<plist version=\"1.0\">\n<dict>\n\t<key>CFBundleDevelopmentRegion</key>\n\t<string>en</string>\n\t<key>CFBundleDisplayName</key>\n\t<string>MusicFree</string>\n\t<key>CFBundleExecutable</key>\n\t<string>$(EXECUTABLE_NAME)</string>\n\t<key>CFBundleIdentifier</key>\n\t<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>\n\t<key>CFBundleInfoDictionaryVersion</key>\n\t<string>6.0</string>\n\t<key>CFBundleName</key>\n\t<string>$(PRODUCT_NAME)</string>\n\t<key>CFBundlePackageType</key>\n\t<string>APPL</string>\n\t<key>CFBundleShortVersionString</key>\n\t<string>$(MARKETING_VERSION)</string>\n\t<key>CFBundleSignature</key>\n\t<string>????</string>\n\t<key>CFBundleVersion</key>\n\t<string>$(CURRENT_PROJECT_VERSION)</string>\n\t<key>LSRequiresIPhoneOS</key>\n\t<true/>\n\t<key>NSAppTransportSecurity</key>\n\t<dict>\n\t  <!-- Do not change NSAllowsArbitraryLoads to true, or you will risk app rejection! -->\n\t\t<key>NSAllowsArbitraryLoads</key>\n\t\t<false/>\n\t\t<key>NSAllowsLocalNetworking</key>\n\t\t<true/>\n\t</dict>\n\t<key>NSLocationWhenInUseUsageDescription</key>\n\t<string></string>\n\t<key>UILaunchStoryboardName</key>\n\t<string>LaunchScreen</string>\n\t<key>UIRequiredDeviceCapabilities</key>\n\t<array>\n\t\t<string>arm64</string>\n\t</array>\n\t<key>UISupportedInterfaceOrientations</key>\n\t<array>\n\t\t<string>UIInterfaceOrientationPortrait</string>\n\t\t<string>UIInterfaceOrientationLandscapeLeft</string>\n\t\t<string>UIInterfaceOrientationLandscapeRight</string>\n\t</array>\n\t<key>UIViewControllerBasedStatusBarAppearance</key>\n\t<false/>\n</dict>\n</plist>\n"
  },
  {
    "path": "ios/MusicFree/LaunchScreen.storyboard",
    "content": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<document type=\"com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB\" version=\"3.0\" toolsVersion=\"15702\" targetRuntime=\"iOS.CocoaTouch\" propertyAccessControl=\"none\" useAutolayout=\"YES\" launchScreen=\"YES\" useTraitCollections=\"YES\" useSafeAreas=\"YES\" colorMatched=\"YES\" initialViewController=\"01J-lp-oVM\">\n    <device id=\"retina4_7\" orientation=\"portrait\" appearance=\"light\"/>\n    <dependencies>\n        <deployment identifier=\"iOS\"/>\n        <plugIn identifier=\"com.apple.InterfaceBuilder.IBCocoaTouchPlugin\" version=\"15704\"/>\n        <capability name=\"Safe area layout guides\" minToolsVersion=\"9.0\"/>\n        <capability name=\"documents saved in the Xcode 8 format\" minToolsVersion=\"8.0\"/>\n    </dependencies>\n    <scenes>\n        <!--View Controller-->\n        <scene sceneID=\"EHf-IW-A2E\">\n            <objects>\n                <viewController id=\"01J-lp-oVM\" sceneMemberID=\"viewController\">\n                    <view key=\"view\" contentMode=\"scaleToFill\" id=\"Ze5-6b-2t3\">\n                        <rect key=\"frame\" x=\"0.0\" y=\"0.0\" width=\"375\" height=\"667\"/>\n                        <autoresizingMask key=\"autoresizingMask\" widthSizable=\"YES\" heightSizable=\"YES\"/>\n                        <subviews>\n                            <label opaque=\"NO\" clipsSubviews=\"YES\" userInteractionEnabled=\"NO\" contentMode=\"left\" horizontalHuggingPriority=\"251\" verticalHuggingPriority=\"251\" text=\"MusicFree\" textAlignment=\"center\" lineBreakMode=\"middleTruncation\" baselineAdjustment=\"alignBaselines\" minimumFontSize=\"18\" translatesAutoresizingMaskIntoConstraints=\"NO\" id=\"GJd-Yh-RWb\">\n                                <rect key=\"frame\" x=\"0.0\" y=\"202\" width=\"375\" height=\"43\"/>\n                                <fontDescription key=\"fontDescription\" type=\"boldSystem\" pointSize=\"36\"/>\n                                <nil key=\"highlightedColor\"/>\n                            </label>\n                            <label opaque=\"NO\" clipsSubviews=\"YES\" userInteractionEnabled=\"NO\" contentMode=\"left\" horizontalHuggingPriority=\"251\" verticalHuggingPriority=\"251\" text=\"Powered by React Native\" textAlignment=\"center\" lineBreakMode=\"tailTruncation\" baselineAdjustment=\"alignBaselines\" minimumFontSize=\"9\" translatesAutoresizingMaskIntoConstraints=\"NO\" id=\"MN2-I3-ftu\">\n                                <rect key=\"frame\" x=\"0.0\" y=\"626\" width=\"375\" height=\"21\"/>\n                                <fontDescription key=\"fontDescription\" type=\"system\" pointSize=\"17\"/>\n                                <nil key=\"highlightedColor\"/>\n                            </label>\n                        </subviews>\n                        <color key=\"backgroundColor\" systemColor=\"systemBackgroundColor\" cocoaTouchSystemColor=\"whiteColor\"/>\n                        <constraints>\n                            <constraint firstItem=\"Bcu-3y-fUS\" firstAttribute=\"bottom\" secondItem=\"MN2-I3-ftu\" secondAttribute=\"bottom\" constant=\"20\" id=\"OZV-Vh-mqD\"/>\n                            <constraint firstItem=\"Bcu-3y-fUS\" firstAttribute=\"centerX\" secondItem=\"GJd-Yh-RWb\" secondAttribute=\"centerX\" id=\"Q3B-4B-g5h\"/>\n                            <constraint firstItem=\"MN2-I3-ftu\" firstAttribute=\"centerX\" secondItem=\"Bcu-3y-fUS\" secondAttribute=\"centerX\" id=\"akx-eg-2ui\"/>\n                            <constraint firstItem=\"MN2-I3-ftu\" firstAttribute=\"leading\" secondItem=\"Bcu-3y-fUS\" secondAttribute=\"leading\" id=\"i1E-0Y-4RG\"/>\n                            <constraint firstItem=\"GJd-Yh-RWb\" firstAttribute=\"centerY\" secondItem=\"Ze5-6b-2t3\" secondAttribute=\"bottom\" multiplier=\"1/3\" constant=\"1\" id=\"moa-c2-u7t\"/>\n                            <constraint firstItem=\"GJd-Yh-RWb\" firstAttribute=\"leading\" secondItem=\"Bcu-3y-fUS\" secondAttribute=\"leading\" symbolic=\"YES\" id=\"x7j-FC-K8j\"/>\n                        </constraints>\n                        <viewLayoutGuide key=\"safeArea\" id=\"Bcu-3y-fUS\"/>\n                    </view>\n                </viewController>\n                <placeholder placeholderIdentifier=\"IBFirstResponder\" id=\"iYj-Kq-Ea1\" userLabel=\"First Responder\" sceneMemberID=\"firstResponder\"/>\n            </objects>\n            <point key=\"canvasLocation\" x=\"52.173913043478265\" y=\"375\"/>\n        </scene>\n    </scenes>\n</document>\n"
  },
  {
    "path": "ios/MusicFree/PrivacyInfo.xcprivacy",
    "content": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE plist PUBLIC \"-//Apple//DTD PLIST 1.0//EN\" \"http://www.apple.com/DTDs/PropertyList-1.0.dtd\">\n<plist version=\"1.0\">\n<dict>\n  <key>NSPrivacyAccessedAPITypes</key>\n  <array>\n    <dict>\n      <key>NSPrivacyAccessedAPIType</key>\n      <string>NSPrivacyAccessedAPICategoryFileTimestamp</string>\n      <key>NSPrivacyAccessedAPITypeReasons</key>\n      <array>\n        <string>C617.1</string>\n      </array>\n    </dict>\n    <dict>\n      <key>NSPrivacyAccessedAPIType</key>\n      <string>NSPrivacyAccessedAPICategoryUserDefaults</string>\n      <key>NSPrivacyAccessedAPITypeReasons</key>\n      <array>\n        <string>CA92.1</string>\n      </array>\n    </dict>\n    <dict>\n      <key>NSPrivacyAccessedAPIType</key>\n      <string>NSPrivacyAccessedAPICategorySystemBootTime</string>\n      <key>NSPrivacyAccessedAPITypeReasons</key>\n      <array>\n        <string>35F9.1</string>\n      </array>\n    </dict>\n  </array>\n  <key>NSPrivacyCollectedDataTypes</key>\n  <array/>\n  <key>NSPrivacyTracking</key>\n  <false/>\n</dict>\n</plist>\n"
  },
  {
    "path": "ios/MusicFree/main.m",
    "content": "#import <UIKit/UIKit.h>\n\n#import \"AppDelegate.h\"\n\nint main(int argc, char *argv[])\n{\n  @autoreleasepool {\n    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));\n  }\n}\n"
  },
  {
    "path": "ios/MusicFree.xcodeproj/project.pbxproj",
    "content": "// !$*UTF8*$!\r\n{\r\n\tarchiveVersion = 1;\r\n\tclasses = {\r\n\t};\r\n\tobjectVersion = 54;\r\n\tobjects = {\r\n\r\n/* Begin PBXBuildFile section */\r\n\t\t00E356F31AD99517003FC87E /* MusicFreeTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* MusicFreeTests.m */; };\r\n\t\t0C80B921A6F3F58F76C31292 /* libPods-MusicFree.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DCACB8F33CDC322A6C60F78 /* libPods-MusicFree.a */; };\r\n\t\t13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.mm */; };\r\n\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };\r\n\t\t13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };\r\n\t\t7699B88040F8A987B510C191 /* libPods-MusicFree-MusicFreeTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-MusicFree-MusicFreeTests.a */; };\r\n\t\t81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };\r\n/* End PBXBuildFile section */\r\n\r\n/* Begin PBXContainerItemProxy section */\r\n\t\t00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {\r\n\t\t\tisa = PBXContainerItemProxy;\r\n\t\t\tcontainerPortal = 83CBB9F71A601CBA00E9B192;\r\n\t\t\tproxyType = 1;\r\n\t\t\tremoteGlobalIDString = 13B07F861A680F5B00A75B9A;\r\n\t\t\tremoteInfo = MusicFree;\r\n\t\t};\r\n/* End PBXContainerItemProxy section */\r\n\r\n/* Begin PBXFileReference section */\r\n\t\t00E356EE1AD99517003FC87E /* MusicFreeTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = MusicFreeTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };\r\n\t\t00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = \"<group>\"; };\r\n\t\t00E356F21AD99517003FC87E /* MusicFreeTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = MusicFreeTests.m; sourceTree = \"<group>\"; };\r\n\t\t13B07F961A680F5B00A75B9A /* MusicFree.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = MusicFree.app; sourceTree = BUILT_PRODUCTS_DIR; };\r\n\t\t13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = MusicFree/AppDelegate.h; sourceTree = \"<group>\"; };\r\n\t\t13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = MusicFree/AppDelegate.mm; sourceTree = \"<group>\"; };\r\n\t\t13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = MusicFree/Images.xcassets; sourceTree = \"<group>\"; };\r\n\t\t13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = MusicFree/Info.plist; sourceTree = \"<group>\"; };\r\n\t\t13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = MusicFree/main.m; sourceTree = \"<group>\"; };\r\n\t\t13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = MusicFree/PrivacyInfo.xcprivacy; sourceTree = \"<group>\"; };\r\n\t\t19F6CBCC0A4E27FBF8BF4A61 /* libPods-MusicFree-MusicFreeTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = \"libPods-MusicFree-MusicFreeTests.a\"; sourceTree = BUILT_PRODUCTS_DIR; };\r\n\t\t3B4392A12AC88292D35C810B /* Pods-MusicFree.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-MusicFree.debug.xcconfig\"; path = \"Target Support Files/Pods-MusicFree/Pods-MusicFree.debug.xcconfig\"; sourceTree = \"<group>\"; };\r\n\t\t5709B34CF0A7D63546082F79 /* Pods-MusicFree.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-MusicFree.release.xcconfig\"; path = \"Target Support Files/Pods-MusicFree/Pods-MusicFree.release.xcconfig\"; sourceTree = \"<group>\"; };\r\n\t\t5B7EB9410499542E8C5724F5 /* Pods-MusicFree-MusicFreeTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-MusicFree-MusicFreeTests.debug.xcconfig\"; path = \"Target Support Files/Pods-MusicFree-MusicFreeTests/Pods-MusicFree-MusicFreeTests.debug.xcconfig\"; sourceTree = \"<group>\"; };\r\n\t\t5DCACB8F33CDC322A6C60F78 /* libPods-MusicFree.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = \"libPods-MusicFree.a\"; sourceTree = BUILT_PRODUCTS_DIR; };\r\n\t\t81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = MusicFree/LaunchScreen.storyboard; sourceTree = \"<group>\"; };\r\n\t\t89C6BE57DB24E9ADA2F236DE /* Pods-MusicFree-MusicFreeTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-MusicFree-MusicFreeTests.release.xcconfig\"; path = \"Target Support Files/Pods-MusicFree-MusicFreeTests/Pods-MusicFree-MusicFreeTests.release.xcconfig\"; sourceTree = \"<group>\"; };\r\n\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };\r\n/* End PBXFileReference section */\r\n\r\n/* Begin PBXFrameworksBuildPhase section */\r\n\t\t00E356EB1AD99517003FC87E /* Frameworks */ = {\r\n\t\t\tisa = PBXFrameworksBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t\t7699B88040F8A987B510C191 /* libPods-MusicFree-MusicFreeTests.a in Frameworks */,\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t};\r\n\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */ = {\r\n\t\t\tisa = PBXFrameworksBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t\t0C80B921A6F3F58F76C31292 /* libPods-MusicFree.a in Frameworks */,\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t};\r\n/* End PBXFrameworksBuildPhase section */\r\n\r\n/* Begin PBXGroup section */\r\n\t\t00E356EF1AD99517003FC87E /* MusicFreeTests */ = {\r\n\t\t\tisa = PBXGroup;\r\n\t\t\tchildren = (\r\n\t\t\t\t00E356F21AD99517003FC87E /* MusicFreeTests.m */,\r\n\t\t\t\t00E356F01AD99517003FC87E /* Supporting Files */,\r\n\t\t\t);\r\n\t\t\tpath = MusicFreeTests;\r\n\t\t\tsourceTree = \"<group>\";\r\n\t\t};\r\n\t\t00E356F01AD99517003FC87E /* Supporting Files */ = {\r\n\t\t\tisa = PBXGroup;\r\n\t\t\tchildren = (\r\n\t\t\t\t00E356F11AD99517003FC87E /* Info.plist */,\r\n\t\t\t);\r\n\t\t\tname = \"Supporting Files\";\r\n\t\t\tsourceTree = \"<group>\";\r\n\t\t};\r\n\t\t13B07FAE1A68108700A75B9A /* MusicFree */ = {\r\n\t\t\tisa = PBXGroup;\r\n\t\t\tchildren = (\r\n\t\t\t\t13B07FAF1A68108700A75B9A /* AppDelegate.h */,\r\n\t\t\t\t13B07FB01A68108700A75B9A /* AppDelegate.mm */,\r\n\t\t\t\t13B07FB51A68108700A75B9A /* Images.xcassets */,\r\n\t\t\t\t13B07FB61A68108700A75B9A /* Info.plist */,\r\n\t\t\t\t81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,\r\n\t\t\t\t13B07FB71A68108700A75B9A /* main.m */,\r\n\t\t\t\t13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,\r\n\t\t\t);\r\n\t\t\tname = MusicFree;\r\n\t\t\tsourceTree = \"<group>\";\r\n\t\t};\r\n\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */ = {\r\n\t\t\tisa = PBXGroup;\r\n\t\t\tchildren = (\r\n\t\t\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */,\r\n\t\t\t\t5DCACB8F33CDC322A6C60F78 /* libPods-MusicFree.a */,\r\n\t\t\t\t19F6CBCC0A4E27FBF8BF4A61 /* libPods-MusicFree-MusicFreeTests.a */,\r\n\t\t\t);\r\n\t\t\tname = Frameworks;\r\n\t\t\tsourceTree = \"<group>\";\r\n\t\t};\r\n\t\t832341AE1AAA6A7D00B99B32 /* Libraries */ = {\r\n\t\t\tisa = PBXGroup;\r\n\t\t\tchildren = (\r\n\t\t\t);\r\n\t\t\tname = Libraries;\r\n\t\t\tsourceTree = \"<group>\";\r\n\t\t};\r\n\t\t83CBB9F61A601CBA00E9B192 /* PBXGroup */ = {\r\n\t\t\tisa = PBXGroup;\r\n\t\t\tchildren = (\r\n\t\t\t\t13B07FAE1A68108700A75B9A /* MusicFree */,\r\n\t\t\t\t832341AE1AAA6A7D00B99B32 /* Libraries */,\r\n\t\t\t\t00E356EF1AD99517003FC87E /* MusicFreeTests */,\r\n\t\t\t\t83CBBA001A601CBA00E9B192 /* Products */,\r\n\t\t\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */,\r\n\t\t\t\tBBD78D7AC51CEA395F1C20DB /* Pods */,\r\n\t\t\t);\r\n\t\t\tindentWidth = 2;\r\n\t\t\tsourceTree = \"<group>\";\r\n\t\t\ttabWidth = 2;\r\n\t\t\tusesTabs = 0;\r\n\t\t};\r\n\t\t83CBBA001A601CBA00E9B192 /* Products */ = {\r\n\t\t\tisa = PBXGroup;\r\n\t\t\tchildren = (\r\n\t\t\t\t13B07F961A680F5B00A75B9A /* MusicFree.app */,\r\n\t\t\t\t00E356EE1AD99517003FC87E /* MusicFreeTests.xctest */,\r\n\t\t\t);\r\n\t\t\tname = Products;\r\n\t\t\tsourceTree = \"<group>\";\r\n\t\t};\r\n\t\tBBD78D7AC51CEA395F1C20DB /* Pods */ = {\r\n\t\t\tisa = PBXGroup;\r\n\t\t\tchildren = (\r\n\t\t\t\t3B4392A12AC88292D35C810B /* Pods-MusicFree.debug.xcconfig */,\r\n\t\t\t\t5709B34CF0A7D63546082F79 /* Pods-MusicFree.release.xcconfig */,\r\n\t\t\t\t5B7EB9410499542E8C5724F5 /* Pods-MusicFree-MusicFreeTests.debug.xcconfig */,\r\n\t\t\t\t89C6BE57DB24E9ADA2F236DE /* Pods-MusicFree-MusicFreeTests.release.xcconfig */,\r\n\t\t\t);\r\n\t\t\tpath = Pods;\r\n\t\t\tsourceTree = \"<group>\";\r\n\t\t};\r\n/* End PBXGroup section */\r\n\r\n/* Begin PBXNativeTarget section */\r\n\t\t00E356ED1AD99517003FC87E /* MusicFreeTests */ = {\r\n\t\t\tisa = PBXNativeTarget;\r\n\t\t\tbuildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget \"MusicFreeTests\" */;\r\n\t\t\tbuildPhases = (\r\n\t\t\t\tA55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */,\r\n\t\t\t\t00E356EA1AD99517003FC87E /* Sources */,\r\n\t\t\t\t00E356EB1AD99517003FC87E /* Frameworks */,\r\n\t\t\t\t00E356EC1AD99517003FC87E /* Resources */,\r\n\t\t\t\tC59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */,\r\n\t\t\t\tF6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */,\r\n\t\t\t);\r\n\t\t\tbuildRules = (\r\n\t\t\t);\r\n\t\t\tdependencies = (\r\n\t\t\t\t00E356F51AD99517003FC87E /* PBXTargetDependency */,\r\n\t\t\t);\r\n\t\t\tname = MusicFreeTests;\r\n\t\t\tproductName = MusicFreeTests;\r\n\t\t\tproductReference = 00E356EE1AD99517003FC87E /* MusicFreeTests.xctest */;\r\n\t\t\tproductType = \"com.apple.product-type.bundle.unit-test\";\r\n\t\t};\r\n\t\t13B07F861A680F5B00A75B9A /* MusicFree */ = {\r\n\t\t\tisa = PBXNativeTarget;\r\n\t\t\tbuildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"MusicFree\" */;\r\n\t\t\tbuildPhases = (\r\n\t\t\t\tC38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */,\r\n\t\t\t\t13B07F871A680F5B00A75B9A /* Sources */,\r\n\t\t\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */,\r\n\t\t\t\t13B07F8E1A680F5B00A75B9A /* Resources */,\r\n\t\t\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,\r\n\t\t\t\t00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */,\r\n\t\t\t\tE235C05ADACE081382539298 /* [CP] Copy Pods Resources */,\r\n\t\t\t);\r\n\t\t\tbuildRules = (\r\n\t\t\t);\r\n\t\t\tdependencies = (\r\n\t\t\t);\r\n\t\t\tname = MusicFree;\r\n\t\t\tproductName = MusicFree;\r\n\t\t\tproductReference = 13B07F961A680F5B00A75B9A /* MusicFree.app */;\r\n\t\t\tproductType = \"com.apple.product-type.application\";\r\n\t\t};\r\n/* End PBXNativeTarget section */\r\n\r\n/* Begin PBXProject section */\r\n\t\t83CBB9F71A601CBA00E9B192 = {\r\n\t\t\tisa = PBXProject;\r\n\t\t\tattributes = {\r\n\t\t\t\tLastUpgradeCheck = 1210;\r\n\t\t\t\tTargetAttributes = {\r\n\t\t\t\t\t00E356ED1AD99517003FC87E = {\r\n\t\t\t\t\t\tCreatedOnToolsVersion = 6.2;\r\n\t\t\t\t\t\tTestTargetID = 13B07F861A680F5B00A75B9A /* MusicFree */;\r\n\t\t\t\t\t};\r\n\t\t\t\t\t13B07F861A680F5B00A75B9A = {\r\n\t\t\t\t\t\tLastSwiftMigration = 1120;\r\n\t\t\t\t\t};\r\n\t\t\t\t};\r\n\t\t\t};\r\n\t\t\tbuildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"MusicFree\" */;\r\n\t\t\tcompatibilityVersion = \"Xcode 12.0\";\r\n\t\t\tdevelopmentRegion = en;\r\n\t\t\thasScannedForEncodings = 0;\r\n\t\t\tknownRegions = (\r\n\t\t\t\ten,\r\n\t\t\t\tBase,\r\n\t\t\t);\r\n\t\t\tmainGroup = 83CBB9F61A601CBA00E9B192 /* PBXGroup */;\r\n\t\t\tproductRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;\r\n\t\t\tprojectDirPath = \"\";\r\n\t\t\tprojectRoot = \"\";\r\n\t\t\ttargets = (\r\n\t\t\t\t13B07F861A680F5B00A75B9A /* MusicFree */,\r\n\t\t\t\t00E356ED1AD99517003FC87E /* MusicFreeTests */,\r\n\t\t\t);\r\n\t\t};\r\n/* End PBXProject section */\r\n\r\n/* Begin PBXResourcesBuildPhase section */\r\n\t\t00E356EC1AD99517003FC87E /* Resources */ = {\r\n\t\t\tisa = PBXResourcesBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t};\r\n\t\t13B07F8E1A680F5B00A75B9A /* Resources */ = {\r\n\t\t\tisa = PBXResourcesBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t\t81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,\r\n\t\t\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t};\r\n/* End PBXResourcesBuildPhase section */\r\n\r\n/* Begin PBXShellScriptBuildPhase section */\r\n\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {\r\n\t\t\tisa = PBXShellScriptBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t);\r\n\t\t\tinputPaths = (\r\n\t\t\t\t\"$(SRCROOT)/.xcode.env.local\",\r\n\t\t\t\t\"$(SRCROOT)/.xcode.env\",\r\n\t\t\t);\r\n\t\t\tname = \"Bundle React Native code and images\";\r\n\t\t\toutputPaths = (\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t\tshellPath = /bin/sh;\r\n\t\t\tshellScript = \"if [[ -f \\\"$PODS_ROOT/../.xcode.env\\\" ]]; then\\n  source \\\"$PODS_ROOT/../.xcode.env\\\"\\nfi\\nif [[ -f \\\"$PODS_ROOT/../.xcode.env.local\\\" ]]; then\\n  source \\\"$PODS_ROOT/../.xcode.env.local\\\"\\nfi\\n\\n# The project root by default is one level up from the ios directory\\nexport PROJECT_ROOT=\\\"$PROJECT_DIR\\\"/..\\n\\nif [[ \\\"$CONFIGURATION\\\" = *Debug* ]]; then\\n  export SKIP_BUNDLING=1\\nfi\\nif [[ -z \\\"$ENTRY_FILE\\\" ]]; then\\n  # Set the entry JS file using the bundler's entry resolution.\\n  export ENTRY_FILE=\\\"$(\\\"$NODE_BINARY\\\" -e \\\"require('expo/scripts/resolveAppEntry')\\\" \\\"$PROJECT_ROOT\\\" ios absolute | tail -n 1)\\\"\\nfi\\n\\nif [[ -z \\\"$CLI_PATH\\\" ]]; then\\n  # Use Expo CLI\\n  export CLI_PATH=\\\"$(\\\"$NODE_BINARY\\\" --print \\\"require.resolve('@expo/cli')\\\")\\\"\\nfi\\nif [[ -z \\\"$BUNDLE_COMMAND\\\" ]]; then\\n  # Default Expo CLI command for bundling\\n  export BUNDLE_COMMAND=\\\"export:embed\\\"\\nfi\\n\\n`\\\"$NODE_BINARY\\\" --print \\\"require('path').dirname(require.resolve('react-native/package.json')) + '/scripts/react-native-xcode.sh'\\\"`\\n\";\r\n\t\t};\r\n\t\t00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {\r\n\t\t\tisa = PBXShellScriptBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t);\r\n\t\t\tinputFileListPaths = (\r\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MusicFree/Pods-MusicFree-frameworks-${CONFIGURATION}-input-files.xcfilelist\",\r\n\t\t\t);\r\n\t\t\tname = \"[CP] Embed Pods Frameworks\";\r\n\t\t\toutputFileListPaths = (\r\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MusicFree/Pods-MusicFree-frameworks-${CONFIGURATION}-output-files.xcfilelist\",\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t\tshellPath = /bin/sh;\r\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-MusicFree/Pods-MusicFree-frameworks.sh\\\"\\n\";\r\n\t\t\tshowEnvVarsInLog = 0;\r\n\t\t};\r\n\t\tA55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */ = {\r\n\t\t\tisa = PBXShellScriptBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t);\r\n\t\t\tinputFileListPaths = (\r\n\t\t\t);\r\n\t\t\tinputPaths = (\r\n\t\t\t\t\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\",\r\n\t\t\t\t\"${PODS_ROOT}/Manifest.lock\",\r\n\t\t\t);\r\n\t\t\tname = \"[CP] Check Pods Manifest.lock\";\r\n\t\t\toutputFileListPaths = (\r\n\t\t\t);\r\n\t\t\toutputPaths = (\r\n\t\t\t\t\"$(DERIVED_FILE_DIR)/Pods-MusicFree-MusicFreeTests-checkManifestLockResult.txt\",\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t\tshellPath = /bin/sh;\r\n\t\t\tshellScript = \"diff \\\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\\\" \\\"${PODS_ROOT}/Manifest.lock\\\" > /dev/null\\nif [ $? != 0 ] ; then\\n    # print error to STDERR\\n    echo \\\"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\\\" >&2\\n    exit 1\\nfi\\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\\necho \\\"SUCCESS\\\" > \\\"${SCRIPT_OUTPUT_FILE_0}\\\"\\n\";\r\n\t\t\tshowEnvVarsInLog = 0;\r\n\t\t};\r\n\t\tC38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */ = {\r\n\t\t\tisa = PBXShellScriptBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t);\r\n\t\t\tinputFileListPaths = (\r\n\t\t\t);\r\n\t\t\tinputPaths = (\r\n\t\t\t\t\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\",\r\n\t\t\t\t\"${PODS_ROOT}/Manifest.lock\",\r\n\t\t\t);\r\n\t\t\tname = \"[CP] Check Pods Manifest.lock\";\r\n\t\t\toutputFileListPaths = (\r\n\t\t\t);\r\n\t\t\toutputPaths = (\r\n\t\t\t\t\"$(DERIVED_FILE_DIR)/Pods-MusicFree-checkManifestLockResult.txt\",\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t\tshellPath = /bin/sh;\r\n\t\t\tshellScript = \"diff \\\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\\\" \\\"${PODS_ROOT}/Manifest.lock\\\" > /dev/null\\nif [ $? != 0 ] ; then\\n    # print error to STDERR\\n    echo \\\"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\\\" >&2\\n    exit 1\\nfi\\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\\necho \\\"SUCCESS\\\" > \\\"${SCRIPT_OUTPUT_FILE_0}\\\"\\n\";\r\n\t\t\tshowEnvVarsInLog = 0;\r\n\t\t};\r\n\t\tC59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */ = {\r\n\t\t\tisa = PBXShellScriptBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t);\r\n\t\t\tinputFileListPaths = (\r\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MusicFree-MusicFreeTests/Pods-MusicFree-MusicFreeTests-frameworks-${CONFIGURATION}-input-files.xcfilelist\",\r\n\t\t\t);\r\n\t\t\tname = \"[CP] Embed Pods Frameworks\";\r\n\t\t\toutputFileListPaths = (\r\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MusicFree-MusicFreeTests/Pods-MusicFree-MusicFreeTests-frameworks-${CONFIGURATION}-output-files.xcfilelist\",\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t\tshellPath = /bin/sh;\r\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-MusicFree-MusicFreeTests/Pods-MusicFree-MusicFreeTests-frameworks.sh\\\"\\n\";\r\n\t\t\tshowEnvVarsInLog = 0;\r\n\t\t};\r\n\t\tE235C05ADACE081382539298 /* [CP] Copy Pods Resources */ = {\r\n\t\t\tisa = PBXShellScriptBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t);\r\n\t\t\tinputFileListPaths = (\r\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MusicFree/Pods-MusicFree-resources-${CONFIGURATION}-input-files.xcfilelist\",\r\n\t\t\t);\r\n\t\t\tname = \"[CP] Copy Pods Resources\";\r\n\t\t\toutputFileListPaths = (\r\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MusicFree/Pods-MusicFree-resources-${CONFIGURATION}-output-files.xcfilelist\",\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t\tshellPath = /bin/sh;\r\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-MusicFree/Pods-MusicFree-resources.sh\\\"\\n\";\r\n\t\t\tshowEnvVarsInLog = 0;\r\n\t\t};\r\n\t\tF6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */ = {\r\n\t\t\tisa = PBXShellScriptBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t);\r\n\t\t\tinputFileListPaths = (\r\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MusicFree-MusicFreeTests/Pods-MusicFree-MusicFreeTests-resources-${CONFIGURATION}-input-files.xcfilelist\",\r\n\t\t\t);\r\n\t\t\tname = \"[CP] Copy Pods Resources\";\r\n\t\t\toutputFileListPaths = (\r\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-MusicFree-MusicFreeTests/Pods-MusicFree-MusicFreeTests-resources-${CONFIGURATION}-output-files.xcfilelist\",\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t\tshellPath = /bin/sh;\r\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-MusicFree-MusicFreeTests/Pods-MusicFree-MusicFreeTests-resources.sh\\\"\\n\";\r\n\t\t\tshowEnvVarsInLog = 0;\r\n\t\t};\r\n/* End PBXShellScriptBuildPhase section */\r\n\r\n/* Begin PBXSourcesBuildPhase section */\r\n\t\t00E356EA1AD99517003FC87E /* Sources */ = {\r\n\t\t\tisa = PBXSourcesBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t\t00E356F31AD99517003FC87E /* MusicFreeTests.m in Sources */,\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t};\r\n\t\t13B07F871A680F5B00A75B9A /* Sources */ = {\r\n\t\t\tisa = PBXSourcesBuildPhase;\r\n\t\t\tbuildActionMask = 2147483647;\r\n\t\t\tfiles = (\r\n\t\t\t\t13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */,\r\n\t\t\t\t13B07FC11A68108700A75B9A /* main.m in Sources */,\r\n\t\t\t);\r\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\r\n\t\t};\r\n/* End PBXSourcesBuildPhase section */\r\n\r\n/* Begin PBXTargetDependency section */\r\n\t\t00E356F51AD99517003FC87E /* PBXTargetDependency */ = {\r\n\t\t\tisa = PBXTargetDependency;\r\n\t\t\ttarget = 13B07F861A680F5B00A75B9A /* MusicFree */;\r\n\t\t\ttargetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;\r\n\t\t};\r\n/* End PBXTargetDependency section */\r\n\r\n/* Begin XCBuildConfiguration section */\r\n\t\t00E356F61AD99517003FC87E /* Debug */ = {\r\n\t\t\tisa = XCBuildConfiguration;\r\n\t\t\tbaseConfigurationReference = 5B7EB9410499542E8C5724F5 /* Pods-MusicFree-MusicFreeTests.debug.xcconfig */;\r\n\t\t\tbuildSettings = {\r\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\r\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\r\n\t\t\t\t\t\"DEBUG=1\",\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t);\r\n\t\t\t\tINFOPLIST_FILE = MusicFreeTests/Info.plist;\r\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\r\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t\t\"@executable_path/Frameworks\",\r\n\t\t\t\t\t\"@loader_path/Frameworks\",\r\n\t\t\t\t);\r\n\t\t\t\tOTHER_LDFLAGS = (\r\n\t\t\t\t\t\"-ObjC\",\r\n\t\t\t\t\t\"-lc++\",\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t);\r\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)\";\r\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\r\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/MusicFree.app/MusicFree\";\r\n\t\t\t\tSWIFT_VERSION = 5.0;\r\n\t\t\t};\r\n\t\t\tname = Debug;\r\n\t\t};\r\n\t\t00E356F71AD99517003FC87E /* Release */ = {\r\n\t\t\tisa = XCBuildConfiguration;\r\n\t\t\tbaseConfigurationReference = 89C6BE57DB24E9ADA2F236DE /* Pods-MusicFree-MusicFreeTests.release.xcconfig */;\r\n\t\t\tbuildSettings = {\r\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\r\n\t\t\t\tCOPY_PHASE_STRIP = NO;\r\n\t\t\t\tINFOPLIST_FILE = MusicFreeTests/Info.plist;\r\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\r\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t\t\"@executable_path/Frameworks\",\r\n\t\t\t\t\t\"@loader_path/Frameworks\",\r\n\t\t\t\t);\r\n\t\t\t\tOTHER_LDFLAGS = (\r\n\t\t\t\t\t\"-ObjC\",\r\n\t\t\t\t\t\"-lc++\",\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t);\r\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)\";\r\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\r\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/MusicFree.app/MusicFree\";\r\n\t\t\t\tSWIFT_VERSION = 5.0;\r\n\t\t\t};\r\n\t\t\tname = Release;\r\n\t\t};\r\n\t\t13B07F941A680F5B00A75B9A /* Debug */ = {\r\n\t\t\tisa = XCBuildConfiguration;\r\n\t\t\tbaseConfigurationReference = 3B4392A12AC88292D35C810B /* Pods-MusicFree.debug.xcconfig */;\r\n\t\t\tbuildSettings = {\r\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\r\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\r\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\r\n\t\t\t\tENABLE_BITCODE = NO;\r\n\t\t\t\tINFOPLIST_FILE = MusicFree/Info.plist;\r\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\r\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t\t\"@executable_path/Frameworks\",\r\n\t\t\t\t);\r\n\t\t\t\tMARKETING_VERSION = 1.0;\r\n\t\t\t\tOTHER_LDFLAGS = (\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t\t\"-ObjC\",\r\n\t\t\t\t\t\"-lc++\",\r\n\t\t\t\t);\r\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)\";\r\n\t\t\t\tPRODUCT_NAME = MusicFree;\r\n\t\t\t\tSWIFT_OPTIMIZATION_LEVEL = \"-Onone\";\r\n\t\t\t\tSWIFT_VERSION = 5.0;\r\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\r\n\t\t\t};\r\n\t\t\tname = Debug;\r\n\t\t};\r\n\t\t13B07F951A680F5B00A75B9A /* Release */ = {\r\n\t\t\tisa = XCBuildConfiguration;\r\n\t\t\tbaseConfigurationReference = 5709B34CF0A7D63546082F79 /* Pods-MusicFree.release.xcconfig */;\r\n\t\t\tbuildSettings = {\r\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\r\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\r\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\r\n\t\t\t\tINFOPLIST_FILE = MusicFree/Info.plist;\r\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\r\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t\t\"@executable_path/Frameworks\",\r\n\t\t\t\t);\r\n\t\t\t\tMARKETING_VERSION = 1.0;\r\n\t\t\t\tOTHER_LDFLAGS = (\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t\t\"-ObjC\",\r\n\t\t\t\t\t\"-lc++\",\r\n\t\t\t\t);\r\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = \"org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)\";\r\n\t\t\t\tPRODUCT_NAME = MusicFree;\r\n\t\t\t\tSWIFT_VERSION = 5.0;\r\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\r\n\t\t\t};\r\n\t\t\tname = Release;\r\n\t\t};\r\n\t\t83CBBA201A601CBA00E9B192 /* Debug */ = {\r\n\t\t\tisa = XCBuildConfiguration;\r\n\t\t\tbuildSettings = {\r\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\r\n\t\t\t\tCLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;\r\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"c++20\";\r\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\r\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\r\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\r\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\r\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_COMMA = YES;\r\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\r\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\r\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\r\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\r\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\r\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\r\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\r\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\r\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\r\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\r\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\r\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\r\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\r\n\t\t\t\tCOPY_PHASE_STRIP = NO;\r\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\r\n\t\t\t\tENABLE_TESTABILITY = YES;\r\n\t\t\t\t\"EXCLUDED_ARCHS[sdk=iphonesimulator*]\" = \"\";\r\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\r\n\t\t\t\tGCC_DYNAMIC_NO_PIC = NO;\r\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\r\n\t\t\t\tGCC_OPTIMIZATION_LEVEL = 0;\r\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\r\n\t\t\t\t\t\"DEBUG=1\",\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t);\r\n\t\t\t\tGCC_SYMBOLS_PRIVATE_EXTERN = NO;\r\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\r\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\r\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\r\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\r\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\r\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\r\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\r\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\r\n\t\t\t\t\t/usr/lib/swift,\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t);\r\n\t\t\t\tLIBRARY_SEARCH_PATHS = (\r\n\t\t\t\t\t\"\\\"$(SDKROOT)/usr/lib/swift\\\"\",\r\n\t\t\t\t\t\"\\\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\\\"\",\r\n\t\t\t\t\t\"\\\"$(inherited)\\\"\",\r\n\t\t\t\t);\r\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = YES;\r\n\t\t\t\tONLY_ACTIVE_ARCH = YES;\r\n\t\t\t\tOTHER_CPLUSPLUSFLAGS = (\r\n\t\t\t\t\t\"$(OTHER_CFLAGS)\",\r\n\t\t\t\t\t\"-DFOLLY_NO_CONFIG\",\r\n\t\t\t\t\t\"-DFOLLY_MOBILE=1\",\r\n\t\t\t\t\t\"-DFOLLY_USE_LIBCPP=1\",\r\n\t\t\t\t\t\"-DFOLLY_CFG_NO_COROUTINES=1\",\r\n\t\t\t\t\t\"-DFOLLY_HAVE_CLOCK_GETTIME=1\",\r\n\t\t\t\t);\r\n\t\t\t\tSDKROOT = iphoneos;\r\n\t\t\t\tSWIFT_VERSION = 5.0;\r\n\t\t\t};\r\n\t\t\tname = Debug;\r\n\t\t};\r\n\t\t83CBBA211A601CBA00E9B192 /* Release */ = {\r\n\t\t\tisa = XCBuildConfiguration;\r\n\t\t\tbuildSettings = {\r\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\r\n\t\t\t\tCLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;\r\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"c++20\";\r\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\r\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\r\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\r\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\r\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_COMMA = YES;\r\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\r\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\r\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\r\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\r\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\r\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\r\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\r\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\r\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\r\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\r\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\r\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\r\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\r\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\r\n\t\t\t\tCOPY_PHASE_STRIP = YES;\r\n\t\t\t\tENABLE_NS_ASSERTIONS = NO;\r\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\r\n\t\t\t\t\"EXCLUDED_ARCHS[sdk=iphonesimulator*]\" = \"\";\r\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\r\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\r\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\r\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\r\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\r\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\r\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\r\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\r\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\r\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\r\n\t\t\t\t\t/usr/lib/swift,\r\n\t\t\t\t\t\"$(inherited)\",\r\n\t\t\t\t);\r\n\t\t\t\tLIBRARY_SEARCH_PATHS = (\r\n\t\t\t\t\t\"\\\"$(SDKROOT)/usr/lib/swift\\\"\",\r\n\t\t\t\t\t\"\\\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\\\"\",\r\n\t\t\t\t\t\"\\\"$(inherited)\\\"\",\r\n\t\t\t\t);\r\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = NO;\r\n\t\t\t\tOTHER_CPLUSPLUSFLAGS = (\r\n\t\t\t\t\t\"$(OTHER_CFLAGS)\",\r\n\t\t\t\t\t\"-DFOLLY_NO_CONFIG\",\r\n\t\t\t\t\t\"-DFOLLY_MOBILE=1\",\r\n\t\t\t\t\t\"-DFOLLY_USE_LIBCPP=1\",\r\n\t\t\t\t\t\"-DFOLLY_CFG_NO_COROUTINES=1\",\r\n\t\t\t\t\t\"-DFOLLY_HAVE_CLOCK_GETTIME=1\",\r\n\t\t\t\t);\r\n\t\t\t\tSDKROOT = iphoneos;\r\n\t\t\t\tVALIDATE_PRODUCT = YES;\r\n\t\t\t\tSWIFT_VERSION = 5.0;\r\n\t\t\t};\r\n\t\t\tname = Release;\r\n\t\t};\r\n/* End XCBuildConfiguration section */\r\n\r\n/* Begin XCConfigurationList section */\r\n\t\t00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget \"MusicFreeTests\" */ = {\r\n\t\t\tisa = XCConfigurationList;\r\n\t\t\tbuildConfigurations = (\r\n\t\t\t\t00E356F61AD99517003FC87E /* Debug */,\r\n\t\t\t\t00E356F71AD99517003FC87E /* Release */,\r\n\t\t\t);\r\n\t\t\tdefaultConfigurationIsVisible = 0;\r\n\t\t\tdefaultConfigurationName = Release;\r\n\t\t};\r\n\t\t13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"MusicFree\" */ = {\r\n\t\t\tisa = XCConfigurationList;\r\n\t\t\tbuildConfigurations = (\r\n\t\t\t\t13B07F941A680F5B00A75B9A /* Debug */,\r\n\t\t\t\t13B07F951A680F5B00A75B9A /* Release */,\r\n\t\t\t);\r\n\t\t\tdefaultConfigurationIsVisible = 0;\r\n\t\t\tdefaultConfigurationName = Release;\r\n\t\t};\r\n\t\t83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"MusicFree\" */ = {\r\n\t\t\tisa = XCConfigurationList;\r\n\t\t\tbuildConfigurations = (\r\n\t\t\t\t83CBBA201A601CBA00E9B192 /* Debug */,\r\n\t\t\t\t83CBBA211A601CBA00E9B192 /* Release */,\r\n\t\t\t);\r\n\t\t\tdefaultConfigurationIsVisible = 0;\r\n\t\t\tdefaultConfigurationName = Release;\r\n\t\t};\r\n/* End XCConfigurationList section */\r\n\t};\r\n\trootObject = 83CBB9F71A601CBA00E9B192;\r\n}\r\n"
  },
  {
    "path": "ios/MusicFree.xcodeproj/xcshareddata/xcschemes/MusicFreeNew.xcscheme",
    "content": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<Scheme\n   LastUpgradeVersion = \"1210\"\n   version = \"1.3\">\n   <BuildAction\n      parallelizeBuildables = \"YES\"\n      buildImplicitDependencies = \"YES\">\n      <BuildActionEntries>\n         <BuildActionEntry\n            buildForTesting = \"YES\"\n            buildForRunning = \"YES\"\n            buildForProfiling = \"YES\"\n            buildForArchiving = \"YES\"\n            buildForAnalyzing = \"YES\">\n            <BuildableReference\n               BuildableIdentifier = \"primary\"\n               BlueprintIdentifier = \"13B07F861A680F5B00A75B9A\"\n               BuildableName = \"MusicFree.app\"\n               BlueprintName = \"MusicFree\"\n               ReferencedContainer = \"container:MusicFree.xcodeproj\">\n            </BuildableReference>\n         </BuildActionEntry>\n      </BuildActionEntries>\n   </BuildAction>\n   <TestAction\n      buildConfiguration = \"Debug\"\n      selectedDebuggerIdentifier = \"Xcode.DebuggerFoundation.Debugger.LLDB\"\n      selectedLauncherIdentifier = \"Xcode.DebuggerFoundation.Launcher.LLDB\"\n      shouldUseLaunchSchemeArgsEnv = \"YES\">\n      <Testables>\n         <TestableReference\n            skipped = \"NO\">\n            <BuildableReference\n               BuildableIdentifier = \"primary\"\n               BlueprintIdentifier = \"00E356ED1AD99517003FC87E\"\n               BuildableName = \"MusicFreeTests.xctest\"\n               BlueprintName = \"MusicFreeTests\"\n               ReferencedContainer = \"container:MusicFree.xcodeproj\">\n            </BuildableReference>\n         </TestableReference>\n      </Testables>\n   </TestAction>\n   <LaunchAction\n      buildConfiguration = \"Debug\"\n      selectedDebuggerIdentifier = \"Xcode.DebuggerFoundation.Debugger.LLDB\"\n      selectedLauncherIdentifier = \"Xcode.DebuggerFoundation.Launcher.LLDB\"\n      launchStyle = \"0\"\n      useCustomWorkingDirectory = \"NO\"\n      ignoresPersistentStateOnLaunch = \"NO\"\n      debugDocumentVersioning = \"YES\"\n      debugServiceExtension = \"internal\"\n      allowLocationSimulation = \"YES\">\n      <BuildableProductRunnable\n         runnableDebuggingMode = \"0\">\n         <BuildableReference\n            BuildableIdentifier = \"primary\"\n            BlueprintIdentifier = \"13B07F861A680F5B00A75B9A\"\n            BuildableName = \"MusicFree.app\"\n            BlueprintName = \"MusicFree\"\n            ReferencedContainer = \"container:MusicFree.xcodeproj\">\n         </BuildableReference>\n      </BuildableProductRunnable>\n   </LaunchAction>\n   <ProfileAction\n      buildConfiguration = \"Release\"\n      shouldUseLaunchSchemeArgsEnv = \"YES\"\n      savedToolIdentifier = \"\"\n      useCustomWorkingDirectory = \"NO\"\n      debugDocumentVersioning = \"YES\">\n      <BuildableProductRunnable\n         runnableDebuggingMode = \"0\">\n         <BuildableReference\n            BuildableIdentifier = \"primary\"\n            BlueprintIdentifier = \"13B07F861A680F5B00A75B9A\"\n            BuildableName = \"MusicFree.app\"\n            BlueprintName = \"MusicFree\"\n            ReferencedContainer = \"container:MusicFree.xcodeproj\">\n         </BuildableReference>\n      </BuildableProductRunnable>\n   </ProfileAction>\n   <AnalyzeAction\n      buildConfiguration = \"Debug\">\n   </AnalyzeAction>\n   <ArchiveAction\n      buildConfiguration = \"Release\"\n      revealArchiveInOrganizer = \"YES\">\n   </ArchiveAction>\n</Scheme>\n"
  },
  {
    "path": "ios/MusicFreeTests/Info.plist",
    "content": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE plist PUBLIC \"-//Apple//DTD PLIST 1.0//EN\" \"http://www.apple.com/DTDs/PropertyList-1.0.dtd\">\n<plist version=\"1.0\">\n<dict>\n\t<key>CFBundleDevelopmentRegion</key>\n\t<string>en</string>\n\t<key>CFBundleExecutable</key>\n\t<string>$(EXECUTABLE_NAME)</string>\n\t<key>CFBundleIdentifier</key>\n\t<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>\n\t<key>CFBundleInfoDictionaryVersion</key>\n\t<string>6.0</string>\n\t<key>CFBundleName</key>\n\t<string>$(PRODUCT_NAME)</string>\n\t<key>CFBundlePackageType</key>\n\t<string>BNDL</string>\n\t<key>CFBundleShortVersionString</key>\n\t<string>1.0</string>\n\t<key>CFBundleSignature</key>\n\t<string>????</string>\n\t<key>CFBundleVersion</key>\n\t<string>1</string>\n</dict>\n</plist>\n"
  },
  {
    "path": "ios/MusicFreeTests/MusicFreeNewTests.m",
    "content": "#import <UIKit/UIKit.h>\n#import <XCTest/XCTest.h>\n\n#import <React/RCTLog.h>\n#import <React/RCTRootView.h>\n\n#define TIMEOUT_SECONDS 600\n#define TEXT_TO_LOOK_FOR @\"Welcome to React\"\n\n@interface MusicFreeTests : XCTestCase\n\n@end\n\n@implementation MusicFreeTests\n\n- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test\n{\n  if (test(view)) {\n    return YES;\n  }\n  for (UIView *subview in [view subviews]) {\n    if ([self findSubviewInView:subview matching:test]) {\n      return YES;\n    }\n  }\n  return NO;\n}\n\n- (void)testRendersWelcomeScreen\n{\n  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];\n  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];\n  BOOL foundElement = NO;\n\n  __block NSString *redboxError = nil;\n#ifdef DEBUG\n  RCTSetLogFunction(\n      ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {\n        if (level >= RCTLogLevelError) {\n          redboxError = message;\n        }\n      });\n#endif\n\n  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {\n    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];\n    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];\n\n    foundElement = [self findSubviewInView:vc.view\n                                  matching:^BOOL(UIView *view) {\n                                    if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {\n                                      return YES;\n                                    }\n                                    return NO;\n                                  }];\n  }\n\n#ifdef DEBUG\n  RCTSetLogFunction(RCTDefaultLogFunction);\n#endif\n\n  XCTAssertNil(redboxError, @\"RedBox error: %@\", redboxError);\n  XCTAssertTrue(foundElement, @\"Couldn't find element with text '%@' in %d seconds\", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);\n}\n\n@end\n"
  },
  {
    "path": "ios/Podfile",
    "content": "require File.join(File.dirname(`node --print \"require.resolve('expo/package.json')\"`), \"scripts/autolinking\")\r\n# Resolve react_native_pods.rb with node to allow for hoisting\r\nrequire Pod::Executable.execute_command('node', ['-p',\r\n  'require.resolve(\r\n    \"react-native/scripts/react_native_pods.rb\",\r\n    {paths: [process.argv[1]]},\r\n  )', __dir__]).strip\r\n\r\nplatform :ios, min_ios_version_supported\r\nprepare_react_native_project!\r\n\r\nlinkage = ENV['USE_FRAMEWORKS']\r\nif linkage != nil\r\n  Pod::UI.puts \"Configuring Pod with #{linkage}ally linked Frameworks\".green\r\n  use_frameworks! :linkage => linkage.to_sym\r\nend\r\n\r\ntarget 'MusicFree' do\r\n  use_expo_modules!\r\n  post_integrate do |installer|\r\n    begin\r\n      expo_patch_react_imports!(installer)\r\n    rescue => e\r\n      Pod::UI.warn e\r\n    end\r\n  end\r\n  if ENV['EXPO_USE_COMMUNITY_AUTOLINKING'] == '1'\n    config_command = ['node', '-e', \"process.argv=['', '', 'config'];require('@react-native-community/cli').run()\"];\n  else\n    config_command = [\n      'node',\n      '--no-warnings',\n      '--eval',\n      'require(require.resolve(\\'expo-modules-autolinking\\', { paths: [require.resolve(\\'expo/package.json\\')] }))(process.argv.slice(1))',\n      'react-native-config',\n      '--json',\n      '--platform',\n      'ios'\n    ]\n  end\n\n  config = use_native_modules!(config_command)\n\n  use_react_native!(\r\n    :path => config[:reactNativePath],\r\n    # An absolute path to your application root.\r\n    :app_path => \"#{Pod::Config.instance.installation_root}/..\"\r\n  )\r\n\r\n  target 'MusicFreeTests' do\r\n    inherit! :complete\r\n    # Pods for testing\r\n  end\r\n\r\n  post_install do |installer|\r\n    # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202\r\n    react_native_post_install(\r\n      installer,\r\n      config[:reactNativePath],\r\n      :mac_catalyst_enabled => false,\r\n      # :ccache_enabled => true\r\n    )\r\n  end\r\nend\r\n"
  },
  {
    "path": "jest.config.js",
    "content": "module.exports = {\n    preset: 'react-native',\n};\n"
  },
  {
    "path": "metro.config.js",
    "content": "const {getDefaultConfig} = require('expo/metro-config');\nconst {mergeConfig} = require('@react-native/metro-config');\n\n/**\n * Reference: https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md\n */\nconst defaultConfig = getDefaultConfig(__dirname);\nconst {assetExts, sourceExts} = defaultConfig.resolver;\n/**\n * Metro configuration\n * https://reactnative.dev/docs/metro\n *\n * @type {import('metro-config').MetroConfig}\n */\nconst config = {\n    transformer: {\n        babelTransformerPath: require.resolve('react-native-svg-transformer'),\n    },\n    resolver: {\n        assetExts: assetExts.filter(ext => ext !== 'svg'),\n        sourceExts: [...sourceExts, 'svg'],\n    },\n};\n\nmodule.exports = mergeConfig(getDefaultConfig(__dirname), config);\n"
  },
  {
    "path": "package.json",
    "content": "{\r\n  \"name\": \"MusicFree\",\r\n  \"version\": \"0.6.2\",\r\n  \"private\": true,\r\n  \"license\": \"AGPL\",\r\n  \"author\": {\r\n    \"name\": \"猫头猫\",\r\n    \"email\": \"lhx_xjtu@163.com\"\r\n  },\r\n  \"scripts\": {\r\n    \"android\": \"react-native run-android\",\r\n    \"ios\": \"react-native run-ios\",\r\n    \"lint\": \"eslint . --ext .js,.jsx,.ts,.tsx src --fix\",\r\n    \"start\": \"react-native start\",\r\n    \"clean\": \"cd ./android && ./gradlew clean\",\r\n    \"test\": \"jest\",\r\n    \"commit-lint\": \"commitlint --edit\",\r\n    \"lint-staged\": \"lint-staged\",\r\n    \"connect-mumu\": \"adb kill-server & adb connect localhost:7555\",\r\n    \"build-android\": \"cd .\\\\android\\\\ && .\\\\gradlew assembleRelease\",\r\n    \"generate-assets\": \"node ./generator/generate-assets.mjs\",\r\n    \"prepare\": \"husky\"\r\n  },\r\n  \"dependencies\": {\r\n    \"@react-native-async-storage/async-storage\": \"1.23.1\",\r\n    \"@react-native-clipboard/clipboard\": \"^1.15.0\",\r\n    \"@react-native-community/netinfo\": \"11.4.1\",\r\n    \"@react-native-community/slider\": \"~4.5.6\",\r\n    \"@react-native-masked-view/masked-view\": \"0.3.2\",\r\n    \"@react-navigation/drawer\": \"^6.7.2\",\r\n    \"@react-navigation/native\": \"^6.1.18\",\r\n    \"@react-navigation/native-stack\": \"^6.11.0\",\r\n    \"@shopify/flash-list\": \"1.7.1\",\r\n    \"axios\": \"1.7.4\",\r\n    \"big-integer\": \"^1.6.52\",\r\n    \"cheerio\": \"^1.0.0-rc.12\",\r\n    \"color\": \"^4.2.3\",\r\n    \"compare-versions\": \"^6.1.1\",\r\n    \"crypto-js\": \"^4.2.0\",\r\n    \"dayjs\": \"^1.11.12\",\r\n    \"deepmerge\": \"^4.3.1\",\r\n    \"eventemitter3\": \"^5.0.1\",\r\n    \"expo\": \"^52.0.0\",\r\n    \"expo-document-picker\": \"~13.0.1\",\r\n    \"expo-file-system\": \"~18.0.6\",\r\n    \"expo-keep-awake\": \"~14.0.1\",\r\n    \"expo-splash-screen\": \"~0.29.18\",\r\n    \"he\": \"^1.2.0\",\r\n    \"immer\": \"^10.1.1\",\r\n    \"jotai\": \"^2.9.1\",\r\n    \"lodash.shuffle\": \"^4.2.0\",\r\n    \"marked\": \"^15.0.12\",\r\n    \"nanoid\": \"5.0.8\",\r\n    \"object-path\": \"^0.11.8\",\r\n    \"p-queue\": \"^8.0.1\",\r\n    \"path-browserify\": \"^1.0.1\",\r\n    \"qs\": \"^6.13.0\",\r\n    \"react\": \"18.3.1\",\r\n    \"react-native\": \"0.76.5\",\r\n    \"react-native-background-timer\": \"^2.4.1\",\r\n    \"react-native-circular-progress-indicator\": \"^4.4.2\",\r\n    \"react-native-device-info\": \"^14.0.4\",\r\n    \"react-native-fast-image\": \"^8.6.3\",\r\n    \"react-native-fs\": \"^2.20.0\",\r\n    \"react-native-gesture-handler\": \"~2.25.0\",\r\n    \"react-native-get-random-values\": \"^1.11.0\",\r\n    \"react-native-image-colors\": \"^2.4.0\",\r\n    \"react-native-image-picker\": \"^7.1.2\",\r\n    \"react-native-linear-gradient\": \"^2.8.3\",\r\n    \"react-native-logs\": \"^5.1.0\",\r\n    \"react-native-mmkv\": \"^2.12.2\",\r\n    \"react-native-pager-view\": \"6.5.1\",\r\n    \"react-native-permissions\": \"^4.1.5\",\r\n    \"react-native-reanimated\": \"^3.17.5\",\r\n    \"react-native-safe-area-context\": \"~5.4.0\",\r\n    \"react-native-screens\": \"~4.4.0\",\r\n    \"react-native-share\": \"^10.2.1\",\r\n    \"react-native-svg\": \"^15.11.2\",\r\n    \"react-native-tab-view\": \"^3.5.2\",\r\n    \"react-native-track-player\": \"^4.1.1\",\r\n    \"react-native-url-polyfill\": \"^2.0.0\",\r\n    \"react-native-webview\": \"^13.13.5\",\r\n    \"recyclerlistview\": \"^4.2.1\",\r\n    \"webdav\": \"^5.7.0\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@babel/core\": \"^7.25.2\",\r\n    \"@babel/preset-env\": \"^7.25.3\",\r\n    \"@babel/runtime\": \"^7.25.0\",\r\n    \"@commitlint/cli\": \"^19.3.0\",\r\n    \"@commitlint/config-conventional\": \"^19.2.2\",\r\n    \"@react-native-community/cli\": \"15.0.1\",\r\n    \"@react-native-community/cli-platform-android\": \"15.0.1\",\r\n    \"@react-native-community/cli-platform-ios\": \"15.0.1\",\r\n    \"@react-native/babel-preset\": \"0.76.5\",\r\n    \"@react-native/eslint-config\": \"0.76.5\",\r\n    \"@react-native/metro-config\": \"0.76.5\",\r\n    \"@react-native/typescript-config\": \"0.76.5\",\r\n    \"@types/color\": \"^3.0.6\",\r\n    \"@types/crypto-js\": \"^4.2.2\",\r\n    \"@types/he\": \"^1.2.3\",\r\n    \"@types/lodash.shuffle\": \"^4.2.9\",\r\n    \"@types/object-path\": \"^0.11.4\",\r\n    \"@types/path-browserify\": \"^1.0.2\",\r\n    \"@types/qs\": \"^6.9.15\",\r\n    \"@types/react\": \"~18.3.12\",\r\n    \"@types/react-native-background-timer\": \"^2.0.2\",\r\n    \"@types/react-test-renderer\": \"^18.0.0\",\r\n    \"babel-jest\": \"^29.6.3\",\r\n    \"babel-plugin-module-resolver\": \"^5.0.2\",\r\n    \"babel-plugin-transform-remove-console\": \"^6.9.4\",\r\n    \"eslint\": \"^8.19.0\",\r\n    \"eslint-config-prettier\": \"^9.1.0\",\r\n    \"husky\": \"^9.1.4\",\r\n    \"jest\": \"^29.6.3\",\r\n    \"lint-staged\": \"^15.2.7\",\r\n    \"prettier\": \"2.8.8\",\r\n    \"react-native-svg-transformer\": \"^1.5.0\",\r\n    \"react-test-renderer\": \"18.3.1\",\r\n    \"typescript\": \"^5.3.3\"\r\n  },\r\n  \"engines\": {\r\n    \"node\": \">=18\"\r\n  },\r\n  \"lint-staged\": {\r\n    \"src/**/*.{ts,tsx}\": [\r\n      \"npm run lint\",\r\n      \"git add .\"\r\n    ]\r\n  },\r\n  \"repository\": {\r\n    \"type\": \"git\",\r\n    \"url\": \"git+https://github.com/maotoumao/MusicFree.git\"\r\n  }\r\n}\r\n"
  },
  {
    "path": "readme-en.md",
    "content": "# MusicFree\n\n[中文](./readme.md) | **English**\n\n![GitHub Repo stars](https://img.shields.io/github/stars/maotoumao/MusicFree) \n![GitHub forks](https://img.shields.io/github/forks/maotoumao/MusicFree)\n![star](https://gitcode.com/maotoumao/MusicFree/star/badge.svg)\n\n![GitHub License](https://img.shields.io/github/license/maotoumao/MusicFree)\n![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/maotoumao/MusicFree/total)\n![GitHub Issues or Pull Requests](https://img.shields.io/github/issues/maotoumao/MusicFree)\n![GitHub package.json version](https://img.shields.io/github/package-json/v/maotoumao/MusicFree)\n\n<a href=\"https://trendshift.io/repositories/1028\" target=\"_blank\"><img src=\"https://trendshift.io/api/badge/repositories/1028\" alt=\"maotoumao%2FMusicFree | Trendshift\" style=\"width: 250px; height: 55px;\" width=\"250\" height=\"55\"/></a>\n\n---\n\n## Introduction\n\nA plugin-based, customizable, ad-free music player that currently supports Android and Harmony OS only.\n\n> **Desktop version is here: <https://github.com/maotoumao/MusicFreeDesktop>**\n\nIf you need to stay updated on future developments, you can follow the WeChat official account below; if you have questions, you can leave feedback directly in the issue section or the official account.\n\n![WeChat Official Account](./src/assets/imgs/wechat_channel.jpg)\n\nFor software download methods, plugin usage instructions, and plugin development documentation, please visit <https://musicfree.catcat.work>.\n\n> [!NOTE]\n> - If you see paid/ad-free/cracked versions on other platforms, they are all fake. This is an open source project to begin with. **Please report paid versions directly when encountered**;\n> - The software is primarily for personal use, shared to hopefully help those in need; it's a hobby project that will be maintained as much as possible, but daily development time is limited (about half an hour), and it's expected to remain in unstable testing versions for a long time with irregular update frequency. Please use with caution;\n> - Third-party plugins and the data they generate are not related to this software. Please use legally and compliantly, and delete any copyright data that may be generated in a timely manner.\n> - **Please do not promote with VIP/cracked version as a gimmick**. The example repository is based on public internet API wrappers and **filters out all VIP, preview, and paid songs**. The example repository will **not provide plugins with cracking functionality** in the future;\n> - Information about this software **will only be actively published in Git repositories and the WeChat official account \"一只猫头猫\"**. If you wish to write articles introducing this software, feel free to do so, but please **describe truthfully, and please blur the plugin sources when involving the example repository**. Don't add unreal features to the software (although I wish it had them); in case of conflicting descriptions, this repository shall prevail.\n\n## Project Usage Agreement:\nThis project is open sourced under the AGPL 3.0 license. Please comply with the open source license when using this project.\nIn addition, please ensure you understand the following additional notes when using the code:\n\n1. For packaging and redistribution, **please retain the code source**: https://github.com/maotoumao/MusicFree\n2. Please do not use for commercial purposes; use the code legally and compliantly;\n3. If the open source license changes, it will be updated in this GitHub repository without separate notice.\n\n> [!CAUTION]\n> ### 👎 Hall of Shame\n> 👎 MusicFree apps on <ins>Xiaomi/Huawei/Vivo app stores</ins> are not related to this software. **They are adware that misappropriates this software's name and logo**. Please be cautious to avoid being deceived.\n>\n> 👎 速悦音乐 is based on secondary development of this software, with changes only including built-in plugins, UI modifications, and traffic diversion. **It has not complied with this project's open source license and refuses to communicate**.\n\n## Features\n\n- **Plugin-based**: This software is just a player and **does not integrate** any music sources from any platform. All search, playback, playlist import and other functions are entirely based on **plugins**. This means that **as long as music sources can be searched on the internet, as long as there are corresponding plugins, you can use this software for search, playback and other functions**. For detailed plugin information, please see the Plugin section.\n\n- **Plugin-supported features**: Search (music, albums, artists), playback, view albums, view artist details, import singles, import playlists, get lyrics, etc.\n\n- **Customizable and ad-free**: This software provides light and dark modes; supports custom backgrounds; this software is open sourced under the AGPL license and ~~one star for a deal~~ will remain free.\n- **Privacy**: All data is stored locally, this software will not collect any of your personal information.\n- **Lyrics association**: You can associate the lyrics of two songs, for example, associate song A's lyrics to song B. After association, both songs A and B will display song B's lyrics. You can also associate multiple songs' lyrics, like A->B->C, so that songs A, B, and C will all display C's lyrics.\n\n## Plugins\n\n### Plugin Introduction\n\nA plugin is essentially a CommonJS module that satisfies the plugin protocol. The plugin defines basic functions such as search (music, albums, artists), playback, view albums, artist details, import playlists, get lyrics, etc. Plugin developers only need to focus on input and output logic, while pagination, caching, etc. are all handled by MusicFree. This software completes all player functions through plugins. This decoupled design also allows this software to focus on being a feature-complete player. I must say, small and beautiful.\n\nPlugin development documentation can be found [here](https://musicfree.catcat.work/plugin/introduction.html)\n\nPlease note:\n\n- If you are using third-party downloaded plugins, please identify the security of the plugins yourself (basically check that there are no strange network requests; self-written ones are the safest, *don't install things from unknown sources*) to prevent malicious code damage. This software is not responsible for possible losses caused by third-party malicious plugins.\n\n- Plugins may generate certain copyright data unrelated to this software during use. Plugins and any data generated by plugins are not related to this software. Please consider carefully and delete data in a timely manner. This software does not advocate nor will it provide any cracking behavior. You can build your own offline music repository for use.\n\n### Plugin Usage\n\nAfter downloading the app, you just need to install plugins in the sidebar Settings - Plugin Settings. Supports installing local plugins and installing plugins from the network (supports parsing .js files and .json description files; several example plugins have been written: [link to this repository](https://github.com/maotoumao/MusicFreePlugins), though functionality may not be very complete);\n\nYou can directly click \"Install plugin from network\", then enter <https://gitee.com/maotoumao/MusicFreePlugins/raw/master/plugins.json> and click confirm to install.\n\nFor detailed usage instructions with images, please refer to the WeChat official account: [MusicFree Plugin Usage Guide](https://mp.weixin.qq.com/s?__biz=MzkxOTM5MDI4MA==&mid=2247483875&idx=1&sn=aedf8bb909540634d927de7fd2b4b8b1&chksm=c1a390c4f6d419d233908bb781d418c6b9fd2ca82e9e93291e7c93b8ead3c50ca5ae39668212#rd), or the website: https://musicfree.catcat.work/usage/mobile/install-plugin.html\n\n## Download\n\nPlease go to the release page: [Link](https://github.com/maotoumao/MusicFree/releases) (if you can't open it, you can replace github with gitee). You can also reply \"Musicfree\" on the WeChat official account.\n\n## Q&A\n\nFor common issues encountered during use, see here: [MusicFree Usage Q&A](https://musicfree.catcat.work/qa/common.html)\n\nFor technical exchange/building interesting things together/technical chats, welcome to join the QQ group: [683467814](https://jq.qq.com/?_wv=1027&k=upVpi2k3)~ (Not a Q&A group)\n\nFor casual chat, you can go to [QQ Channel](https://pd.qq.com/s/cyxnf0jj1)~\n\n## WIP\n\nIf you have new requirements that need discussion, you can leave a message on the WeChat official account backend/submit an issue/or start a topic in discussions.\n\n## Support This Project\n\nIf you like this project, or hope I can continue maintaining it, you can support me through any of the following ways ;)\n\n1. Star this project and share it with people around you;\n2. Follow the WeChat official account 👇 or Bilibili [不想睡觉猫头猫](https://space.bilibili.com/12866223) for the latest information;\n3. Follow maotoumao's [XiaoHongShu](https://www.xiaohongshu.com/user/profile/5ce6085200000000050213a6?xhsshare=CopyLink&appuid=5ce6085200000000050213a6&apptime=1714394544) or [X](https://twitter.com/upupfun). Although I might not update software-related information there, it's still support~\n\n![WeChat Official Account](./src/assets/imgs/wechat_channel.jpg)\n\nThanks to the following friends for their recommendations, very surprising and delightful ~~~\n\nRecommendation from **果核剥壳**~ <https://mp.weixin.qq.com/s/F6hMbLv_a-Ty0fPA_0P0Rg>\n\nRecommendation from **小棉袄**~ <https://mp.weixin.qq.com/s/Fqe3o7vcTw0KDKoB-gsQfg>\n\n## ChangeLog\n\n[Click here](./changelog.md)\n\n---\nThis project is for learning and reference only, open sourced under the AGPL3.0 license; please use this project reasonably in compliance with laws and regulations, prohibited for commercial use.\n\n## App Screenshots\n\n**The following screenshots are UI examples only. The software does not provide any music sources internally and does not represent actual performance as shown below.**\n\n#### Main Interface\n\n<img src=\"./.imgs/main-v0.6.jpg\" width=\"320px\" alt=\"Main Interface\">\n\n#### Sidebar\n\n- Sidebar\n\n<img src=\"./.imgs/sidebar-v0.6.jpg\" width=\"320px\" alt=\"Sidebar\">\n\n- Basic Settings\n\n<img src=\"./.imgs/basic-setting-v0.6.jpg\" width=\"320px\" alt=\"Basic Settings\">\n\n- Theme Settings\n\n<img src=\"./.imgs/theme-setting-v0.6.jpg\" width=\"320px\" alt=\"Theme Settings\">\n\n#### Music Related\n\n- Playlist Page\n\n<img src=\"./.imgs/song-sheet-v0.6.jpg\" width=\"320px\" alt=\"Playlist Page\">\n\n- Search in Playlist\n\n<img src=\"./.imgs/search-in-sheet-v0.6.jpg\" width=\"320px\" alt=\"Search in Playlist\">\n\n- Player Page\n\n<img src=\"./.imgs/song-cover-v0.6.jpg\" width=\"320px\" alt=\"Player Page\">\n\n- Lyrics Page\n\n<img src=\"./.imgs/song-lrc-v0.6.jpg\" width=\"320px\" alt=\"Lyrics Page\">\n\n#### Search Related\n\n- Artist Information\n\n<img src=\"./.imgs/artist-detail-v0.6.jpg\" width=\"320px\" alt=\"Artist Information\">\n\n<details>\n\n<summary>The following are UI from early versions of the software</summary>\n\n#### Main Interface\n\n<img src=\"./.imgs/main.jpg\" width=\"320px\" alt=\"Main Interface\">\n\n#### Sidebar\n\n- Basic Settings\n\n<img src=\"./.imgs/basic-setting.jpg\" width=\"320px\" alt=\"Basic Settings\">\n\n- Theme Settings\n\n<img src=\"./.imgs/theme-setting.jpg\" width=\"320px\" alt=\"Theme Settings\">\n\n#### Music Related\n\n- Playlist Page\n\n<img src=\"./.imgs/song-sheet.jpg\" width=\"320px\" alt=\"Playlist Page\">\n\n- Search in Playlist\n\n<img src=\"./.imgs/search-in-sheet.jpg\" width=\"320px\" alt=\"Search in Playlist\">\n\n- Player Page\n\n<img src=\"./.imgs/song-cover.jpg\" width=\"320px\" alt=\"Player Page\">\n\n- Lyrics Page\n\n<img src=\"./.imgs/song-lrc.jpg\" width=\"320px\" alt=\"Lyrics Page\">\n\n#### Search Related\n\n- Artist Information\n\n<img src=\"./.imgs/artist-detail.jpg\" width=\"320px\" alt=\"Artist Information\">\n\n</details>\n"
  },
  {
    "path": "readme.md",
    "content": "# MusicFree\n\n**中文** | [English](./readme-en.md)\n\n![GitHub Repo stars](https://img.shields.io/github/stars/maotoumao/MusicFree) \n![GitHub forks](https://img.shields.io/github/forks/maotoumao/MusicFree)\n![star](https://gitcode.com/maotoumao/MusicFree/star/badge.svg)\n\n![GitHub License](https://img.shields.io/github/license/maotoumao/MusicFree)\n![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/maotoumao/MusicFree/total)\n![GitHub Issues or Pull Requests](https://img.shields.io/github/issues/maotoumao/MusicFree)\n![GitHub package.json version](https://img.shields.io/github/package-json/v/maotoumao/MusicFree)\n\n<a href=\"https://trendshift.io/repositories/1028\" target=\"_blank\"><img src=\"https://trendshift.io/api/badge/repositories/1028\" alt=\"maotoumao%2FMusicFree | Trendshift\" style=\"width: 250px; height: 55px;\" width=\"250\" height=\"55\"/></a>\n\n## 简介\n\n一个插件化、定制化、无广告的免费音乐播放器，目前只支持 Android 和 Harmony OS。\n\n> **桌面版来啦：<https://github.com/maotoumao/MusicFreeDesktop>**\n\n如果需要了解后续进展可以关注公众号↓；如果有问题可以在 issue 区或者公众号直接留言反馈。\n\n![微信公众号](./src/assets/imgs/wechat_channel.jpg)\n\n软件下载方式、插件使用说明、插件开发文档可去站点 [https://musicfree.catcat.work](https://musicfree.catcat.work) 查看。\n\n> [!NOTE]\n> - 如果你在其他的平台看到收费版/无广告版/破解版，都是假的，本来就是开源项目，**遇到收费版请直接举报**；\n> - 软件首先是自用，顺带分享出来希望可以帮助到有需要的人；是业余作品，会尽量保持维护，不过每天能写的时间有限（半小时左右），目测会有很长一段时间处于不稳定测试版本，且更新频率不定，请谨慎使用；\n> - 软件的第三方插件、及其所产生的数据与本软件无关，请合理合法使用，可能产生的版权数据请及时删除。\n> - **请不要以 VIP/破解版为噱头进行宣传**，示例仓库基于互联网公开接口封装，并**过滤掉所有 VIP、试听、付费歌曲**，且示例仓库以后也**不会提供具备破解功能的插件**；\n> - 本软件的相关信息**只会主动投放在 Git 仓库以及公众号“一只猫头猫”中**，如果希望写文章介绍本软件请自便，但还烦请**如实陈述，涉及到示例仓库请给插件源打个码**，不要给软件增加一些不实的功能（尽管我也想有）；描述冲突的地方以本仓库为准。\n\n\n## 项目使用约定：\n本项目基于 AGPL 3.0 协议开源，使用此项目时请遵守开源协议。  \n除此外，希望你在使用代码时已经了解以下额外说明：\n\n1. 打包、二次分发 **请保留代码出处**：https://github.com/maotoumao/MusicFree\n2. 请不要用于商业用途，合法合规使用代码；\n3. 如果开源协议变更，将在此 Github 仓库更新，不另行通知。\n\n> [!CAUTION]\n> ### 👎 Hall of Shame\n> 👎 小米/华为/vivo等<ins>应用市场的 MusicFree </ins>和本软件无关，**是套用本软件名称和 Logo 的广告软件**。\n>\n> 👎 速悦音乐基于本软件二次开发，改动点仅仅是内置插件、修改一些 UI 以及引流，**并未遵守本项目的开源协议，且拒绝沟通**。\n\n---\n\n## 特性\n\n- 插件化：本软件仅仅是一个播放器，本身**并不集成**任何平台的任何音源，所有的搜索、播放、歌单导入等功能全部基于**插件**。这也就意味着，**只要可以在互联网上搜索到的音源，只要有对应的插件，你都可以使用本软件进行搜索、播放等功能**。关于插件的详细说明请看插件一节。\n\n- 插件支持的功能：搜索（音乐、专辑、作者）、播放、查看专辑、查看作者详细信息、导入单曲、导入歌单、获取歌词等。\n\n- 定制化、无广告：本软件提供了浅色、深色模式；支持自定义背景；本软件基于 AGPL 协议开源，~~一个 star 做交易~~ 将会保持免费。\n- 隐私：所有的数据都存储在本地，本软件不会收集你的任何个人信息。\n- 歌词关联：你可以把两首歌的歌词关联起来，比如将歌曲 A 的歌词关联到歌曲 B，关联后 A、B 两首歌都将显示歌曲 B 的歌词。你也可以关联多首歌的歌词，如 A->B->C，这样 A、B、C 三首歌都将显示 C 的歌词。\n\n## 插件\n\n### 插件简介\n\n插件本质上是一个满足插件协议的 commonjs 模块。插件中定义了搜索（音乐、专辑、作者）、播放、查看专辑、作者详细信息、导入歌单、获取歌词等基本函数，插件的开发者只需要关心输入输出逻辑，至于分页、缓存等全都交给 MusicFree 控制即可。本软件通过插件来完成播放器的所有功能，这样解耦的设计也可以使得本软件可以专注于做一个功能完善的播放器，我直呼小而美。\n\n插件开发文档可以参考 [这里](https://musicfree.catcat.work/plugin/introduction.html)\n\n需要注意的是：\n\n- 如果你是使用第三方下载的插件，那么请自行鉴别插件的安全性（基本上看下没有奇怪的网络请求什么的就好了；自己写的最安全，*不要安装来路不明的东西*），防止恶意代码破坏。因为第三方恶意插件导致的可能的损失与本软件无关。\n\n- 插件使用过程中可能会产生某些和本软件无关的版权数据，插件、以及插件产生的任何数据与本软件无关，请使用者自行斟酌，及时删除数据，本软件不提倡也不会提供任何破解行为，你可以搭建自己的离线音乐仓库使用。\n\n### 插件使用\n\n下载 app 之后，只需要在侧边栏设置-插件设置中安装插件即可。支持安装本地插件和从网络安装插件（支持解析.js 文件和.json 描述文件；已经写了几个示意的插件：[指路这个仓库](https://github.com/maotoumao/MusicFreePlugins)，不过可能功能不是很完善）；\n\n\n你可以直接点击从网络安装插件，然后输入<https://raw.gitcode.com/maotoumao/MusicFreePlugins/raw/master/plugins.json> ，点击确认即可安装。\n\n图文版详细使用说明可以参考公众号：[MusicFree 插件使用指南](https://mp.weixin.qq.com/s?__biz=MzkxOTM5MDI4MA==&mid=2247483875&idx=1&sn=aedf8bb909540634d927de7fd2b4b8b1&chksm=c1a390c4f6d419d233908bb781d418c6b9fd2ca82e9e93291e7c93b8ead3c50ca5ae39668212#rd)，或者站点： https://musicfree.catcat.work/usage/mobile/install-plugin.html\n\n## 下载地址\n\n请转到发布页查看：[指路](https://github.com/maotoumao/MusicFree/releases) (如果打不开可以把 github 换成 gitcode)，公众号回复 Musicfree 也可以。\n\n## Q&A\n\n使用时遇到的常见问题可以看这里：[MusicFree 使用 Q&A](https://musicfree.catcat.work/qa/common.html)\n\n技术交流/一起写点有意思的东西/技术向的闲聊欢迎加群：[683467814](https://jq.qq.com/?_wv=1027&k=upVpi2k3)~ （不是答疑群）\n\n闲聊可以到 [QQ 频道](https://pd.qq.com/s/cyxnf0jj1)~\n\n## WIP\n\n如果有需要讨论的新需求，可以在公众号后台留言/提issue/或者去discussion开个话题。\n\n## 支持这个项目\n\n如果你喜欢这个项目，或者希望我可以持续维护下去，你可以通过以下任何一种方式支持我;)\n\n1. Star 这个项目，分享给你身边的人；\n2. 关注公众号👇或 b 站 [不想睡觉猫头猫](https://space.bilibili.com/12866223) 获取最新信息；\n3. 关注猫头猫的 [小红书](https://www.xiaohongshu.com/user/profile/5ce6085200000000050213a6?xhsshare=CopyLink&appuid=5ce6085200000000050213a6&apptime=1714394544)，虽然可能不会在这里更新软件相关的信息，但也算支持啦~\n\n![微信公众号](./src/assets/imgs/wechat_channel.jpg)\n\n感谢以下小伙伴的推荐，很意外也很惊喜 ~~~\n\n来自**果核剥壳**的安利~ <https://mp.weixin.qq.com/s/F6hMbLv_a-Ty0fPA_0P0Rg>\n\n来自**小棉袄**的安利~ <https://mp.weixin.qq.com/s/Fqe3o7vcTw0KDKoB-gsQfg>\n\n## ChangeLog\n\n[点击这里](./changelog.md)\n\n---\n本项目仅供学习参考使用，基于 AGPL3.0 协议开源；请在符合法律法规的情况下合理使用本项目，禁止用于商业目的使用。\n\n## 应用截图\n\n**以下截图仅为 UI 样例，软件内部不提供任何音源，不代表实际使用时表现如下图。**\n#### 主界面\n\n<img src=\"./.imgs/main-v0.6.jpg\" width=\"320px\" alt=\"主界面\">\n\n#### 侧边栏\n\n- 侧边栏\n\n<img src=\"./.imgs/sidebar-v0.6.jpg\" width=\"320px\" alt=\"侧边栏\">\n\n- 基础设置\n\n<img src=\"./.imgs/basic-setting-v0.6.jpg\" width=\"320px\" alt=\"基础设置\">\n\n- 主题设置\n\n<img src=\"./.imgs/theme-setting-v0.6.jpg\" width=\"320px\" alt=\"主题设置\">\n\n#### 音乐相关\n\n- 歌单页\n\n<img src=\"./.imgs/song-sheet-v0.6.jpg\" width=\"320px\" alt=\"歌单页\">\n\n- 歌单内检索\n\n<img src=\"./.imgs/search-in-sheet-v0.6.jpg\" width=\"320px\" alt=\"歌单内检索\">\n\n- 播放页\n\n<img src=\"./.imgs/song-cover-v0.6.jpg\" width=\"320px\" alt=\"播放页\">\n\n- 歌词页\n\n<img src=\"./.imgs/song-lrc-v0.6.jpg\" width=\"320px\" alt=\"歌词页\">\n\n#### 搜索相关\n\n- 作者信息\n\n<img src=\"./.imgs/artist-detail-v0.6.jpg\" width=\"320px\" alt=\"作者信息\">\n\n\n<details>\n\n\n<summary>以下是软件早期版本的 UI</summary>\n\n#### 主界面\n\n<img src=\"./.imgs/main.jpg\" width=\"320px\" alt=\"主界面\">\n\n#### 侧边栏\n\n- 基础设置\n\n<img src=\"./.imgs/basic-setting.jpg\" width=\"320px\" alt=\"基础设置\">\n\n- 主题设置\n\n<img src=\"./.imgs/theme-setting.jpg\" width=\"320px\" alt=\"主题设置\">\n\n#### 音乐相关\n\n- 歌单页\n\n<img src=\"./.imgs/song-sheet.jpg\" width=\"320px\" alt=\"歌单页\">\n\n- 歌单内检索\n\n<img src=\"./.imgs/search-in-sheet.jpg\" width=\"320px\" alt=\"歌单内检索\">\n\n- 播放页\n\n<img src=\"./.imgs/song-cover.jpg\" width=\"320px\" alt=\"播放页\">\n\n- 歌词页\n\n<img src=\"./.imgs/song-lrc.jpg\" width=\"320px\" alt=\"歌词页\">\n\n#### 搜索相关\n\n- 作者信息\n\n<img src=\"./.imgs/artist-detail.jpg\" width=\"320px\" alt=\"作者信息\">\n\n\n</details>\n"
  },
  {
    "path": "release/version.json",
    "content": "{\"version\":\"0.6.2\",\"changeLog\":[\n  \"【优化】优化了软件启动速度 (需要在【侧边栏-基本设置-插件】中打开【启用插件懒加载】开关)\"\n],\"download\":[\"https://r0rvr854dd1.feishu.cn/drive/folder/KLqKfWOA3lx8MKdo8xNcYpR8n7t\"]}\n"
  },
  {
    "path": "src/components/base/SortableFlatList.tsx",
    "content": "/**\r\n * 支持长按拖拽排序的flatlist，右边加个固定的按钮，拖拽排序。\r\n * 考虑到方便实现+节省性能，整个app内的拖拽排序都遵守以下实现。\r\n * 点击会出现\r\n */\r\n\r\nimport globalStyle from \"@/constants/globalStyle\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport useTextColor from \"@/hooks/useTextColor\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport { FlashList } from \"@shopify/flash-list\";\r\nimport React, {\r\n    ForwardedRef,\r\n    forwardRef,\r\n    memo,\r\n    useEffect,\r\n    useMemo,\r\n    useRef,\r\n    useState,\r\n} from \"react\";\r\nimport { LayoutRectangle, Pressable, StyleSheet, View } from \"react-native\";\r\nimport {\r\n    runOnJS,\r\n    useDerivedValue,\r\n    useSharedValue,\r\n} from \"react-native-reanimated\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\n\r\nconst defaultZIndex = 10;\r\n\r\ninterface ISortableFlatListProps<T> {\r\n    data: T[];\r\n    renderItem: (props: { item: T; index: number }) => JSX.Element;\r\n    // 高度\r\n    itemHeight: number;\r\n    itemJustifyContent?:\r\n        | \"flex-start\"\r\n        | \"flex-end\"\r\n        | \"center\"\r\n        | \"space-between\"\r\n        | \"space-around\"\r\n        | \"space-evenly\";\r\n    // 滚动list距离顶部的距离, 这里写的不好\r\n    marginTop: number;\r\n    /** 拖拽时的背景色 */\r\n    activeBackgroundColor?: string;\r\n    /** 交换结束 */\r\n    onSortEnd?: (newData: T[]) => void;\r\n}\r\n\r\nexport default function SortableFlatList<T extends any = any>(\r\n    props: ISortableFlatListProps<T>,\r\n) {\r\n    const {\r\n        data,\r\n        renderItem,\r\n        itemHeight,\r\n        itemJustifyContent,\r\n        marginTop,\r\n        activeBackgroundColor,\r\n        onSortEnd,\r\n    } = props;\r\n\r\n    // 不要干扰原始数据\r\n    const [_data, _setData] = useState([...(data ?? [])]);\r\n    // 是否禁止滚动\r\n    const [scrollEnabled, setScrollEnabled] = useState(true);\r\n    // 是否处在激活状态, -1表示无，其他表示当前激活的下标\r\n    const activeRef = useRef(-1);\r\n    const [activeItem, setActiveItem] = useState<T | null>(null);\r\n\r\n    const layoutRef = useRef<LayoutRectangle>();\r\n    // listref\r\n    const listRef = useRef<FlashList<T> | null>(null);\r\n    // fakeref\r\n    const fakeItemRef = useRef<View | null>(null);\r\n    // contentoffset\r\n    const contentOffsetYRef = useRef<number>(-1);\r\n    const targetOffsetYRef = useRef<number>(0);\r\n\r\n    const direction = useSharedValue(0);\r\n\r\n    useEffect(() => {\r\n        _setData([...(data ?? [])]);\r\n    }, [data]);\r\n\r\n    const initDragPageY = useRef<number>(0);\r\n    const initDragLocationY = useRef<number>(0);\r\n    const offsetRef = useRef<number>(0);\r\n\r\n    //#region 滚动\r\n    const scrollingRef = useRef(false);\r\n\r\n    // 列表整体的高度\r\n    const listContentHeight = useMemo(\r\n        () => itemHeight * data.length,\r\n        [data, itemHeight],\r\n    );\r\n\r\n    function scrollToTarget(forceScroll = false) {\r\n        // 未选中\r\n        if (activeRef.current === -1) {\r\n            scrollingRef.current = false;\r\n            return;\r\n        }\r\n\r\n        // 滚动中就不滚了 /\r\n        if (scrollingRef.current && !forceScroll) {\r\n            scrollingRef.current = true;\r\n            return;\r\n        }\r\n        // 方向是0\r\n        if (direction.value === 0) {\r\n            scrollingRef.current = false;\r\n            return;\r\n        }\r\n\r\n        const nextTarget =\r\n            Math.sign(direction.value) *\r\n                Math.max(Math.abs(direction.value), 0.3) *\r\n                300 +\r\n            contentOffsetYRef.current;\r\n        // 当前到极限了\r\n        if (\r\n            (contentOffsetYRef.current <= 2 &&\r\n                nextTarget < contentOffsetYRef.current) ||\r\n            (contentOffsetYRef.current >=\r\n                listContentHeight - (layoutRef.current?.height ?? 0) - 2 &&\r\n                nextTarget > contentOffsetYRef.current)\r\n        ) {\r\n            scrollingRef.current = false;\r\n            return;\r\n        }\r\n        scrollingRef.current = true;\r\n        // 超出区域\r\n        targetOffsetYRef.current = Math.min(\r\n            Math.max(0, nextTarget),\r\n            listContentHeight - (layoutRef.current?.height ?? 0),\r\n        );\r\n        listRef.current?.scrollToOffset({\r\n            animated: true,\r\n            offset: targetOffsetYRef.current,\r\n        });\r\n    }\r\n\r\n    useDerivedValue(() => {\r\n        // 正在滚动\r\n        if (scrollingRef.current) {\r\n            return;\r\n        } else if (direction.value !== 0) {\r\n            // 开始滚动\r\n            runOnJS(scrollToTarget)();\r\n        }\r\n    }, []);\r\n\r\n    //#endregion\r\n\r\n    return (\r\n        <View style={globalStyle.fwflex1}>\r\n            {/* 纯展示 */}\r\n            <FakeFlatListItem\r\n                ref={_ => (fakeItemRef.current = _)}\r\n                backgroundColor={activeBackgroundColor}\r\n                renderItem={renderItem}\r\n                itemHeight={itemHeight}\r\n                item={activeItem}\r\n                itemJustifyContent={itemJustifyContent}\r\n            />\r\n            <FlashList\r\n                scrollEnabled={scrollEnabled}\r\n                ref={_ => {\r\n                    listRef.current = _;\r\n                }}\r\n                onLayout={evt => {\r\n                    layoutRef.current = evt.nativeEvent.layout;\r\n                }}\r\n                data={_data}\r\n                estimatedItemSize={itemHeight}\r\n                scrollEventThrottle={16}\r\n                onTouchStart={e => {\r\n                    if (activeRef.current !== -1) {\r\n                        // 相对于整个页面顶部的距离\r\n                        initDragPageY.current = e.nativeEvent.pageY;\r\n                        initDragLocationY.current = e.nativeEvent.locationY;\r\n                    }\r\n                }}\r\n                onTouchMove={e => {\r\n                    if (activeRef.current !== -1) {\r\n                        offsetRef.current =\r\n                            e.nativeEvent.pageY -\r\n                            (marginTop ?? layoutRef.current?.y ?? 0) -\r\n                            itemHeight / 2;\r\n\r\n                        if (offsetRef.current < 0) {\r\n                            offsetRef.current = 0;\r\n                        } else if (\r\n                            offsetRef.current >\r\n                            (layoutRef.current?.height ?? 0) - itemHeight\r\n                        ) {\r\n                            offsetRef.current =\r\n                                (layoutRef.current?.height ?? 0) - itemHeight;\r\n                        }\r\n                        fakeItemRef.current!.setNativeProps({\r\n                            top: offsetRef.current,\r\n                            opacity: 1,\r\n                            zIndex: 100,\r\n                        });\r\n\r\n                        // 如果超出范围，停止\r\n                        if (offsetRef.current < itemHeight * 2) {\r\n                            // 上滑\r\n                            direction.value =\r\n                                offsetRef.current / itemHeight / 2 - 1;\r\n                        } else if (\r\n                            offsetRef.current >\r\n                            (layoutRef.current?.height ?? 0) - 3 * itemHeight\r\n                        ) {\r\n                            // 下滑\r\n                            direction.value =\r\n                                (offsetRef.current -\r\n                                    (layoutRef.current?.height ?? 0) +\r\n                                    3 * itemHeight) /\r\n                                itemHeight /\r\n                                2;\r\n                        } else {\r\n                            // 不滑动\r\n                            direction.value = 0;\r\n                        }\r\n                    }\r\n                }}\r\n                onTouchEnd={e => {\r\n                    if (activeRef.current !== -1) {\r\n                        // 计算最终的位置，触发onSortEnd\r\n                        let index = activeRef.current;\r\n                        if (contentOffsetYRef.current !== -1) {\r\n                            index = Math.round(\r\n                                (contentOffsetYRef.current +\r\n                                    offsetRef.current) /\r\n                                    itemHeight,\r\n                            );\r\n                        } else {\r\n                            // 拖动的距离\r\n                            index =\r\n                                activeRef.current +\r\n                                Math.round(\r\n                                    (e.nativeEvent.pageY -\r\n                                        initDragPageY.current +\r\n                                        initDragLocationY.current) /\r\n                                        itemHeight,\r\n                                );\r\n                        }\r\n                        index = Math.min(data.length, Math.max(index, 0));\r\n                        // from: activeRef.current to: index\r\n                        if (activeRef.current !== index) {\r\n                            let nData = _data\r\n                                .slice(0, activeRef.current)\r\n                                .concat(_data.slice(activeRef.current + 1));\r\n                            nData.splice(index, 0, activeItem as T);\r\n                            onSortEnd?.(nData);\r\n                            // 测试用，正式时移除掉\r\n                            // _setData(nData);\r\n                        }\r\n                    }\r\n                    scrollingRef.current = false;\r\n                    activeRef.current = -1;\r\n                    setScrollEnabled(true);\r\n                    setActiveItem(null);\r\n                    fakeItemRef.current!.setNativeProps({\r\n                        top: 0,\r\n                        opacity: 0,\r\n                        zIndex: -1,\r\n                    });\r\n                }}\r\n                onTouchCancel={() => {\r\n                    // todo: 滑动很快的时候会触发取消，native的flatlist就这样\r\n                    activeRef.current = -1;\r\n                    scrollingRef.current = false;\r\n                    setScrollEnabled(true);\r\n                    setActiveItem(null);\r\n                    fakeItemRef.current!.setNativeProps({\r\n                        top: 0,\r\n                        opacity: 0,\r\n                        zIndex: -1,\r\n                    });\r\n                    contentOffsetYRef.current = -1;\r\n                }}\r\n                onScroll={e => {\r\n                    contentOffsetYRef.current = e.nativeEvent.contentOffset.y;\r\n                    if (\r\n                        activeRef.current !== -1 &&\r\n                        Math.abs(\r\n                            contentOffsetYRef.current -\r\n                                targetOffsetYRef.current,\r\n                        ) < 2\r\n                    ) {\r\n                        scrollToTarget(true);\r\n                    }\r\n                }}\r\n                renderItem={({ item, index }) => {\r\n                    return (\r\n                        <SortableFlatListItem\r\n                            setScrollEnabled={setScrollEnabled}\r\n                            activeRef={activeRef}\r\n                            renderItem={renderItem}\r\n                            item={item}\r\n                            index={index}\r\n                            setActiveItem={setActiveItem}\r\n                            itemJustifyContent={itemJustifyContent}\r\n                            itemHeight={itemHeight}\r\n                        />\r\n                    );\r\n                }}\r\n            />\r\n        </View>\r\n    );\r\n}\r\n\r\ninterface ISortableFlatListItemProps<T extends any = any> {\r\n    item: T;\r\n    index: number;\r\n    // 高度\r\n    itemHeight: number;\r\n    itemJustifyContent?:\r\n        | \"flex-start\"\r\n        | \"flex-end\"\r\n        | \"center\"\r\n        | \"space-between\"\r\n        | \"space-around\"\r\n        | \"space-evenly\";\r\n    setScrollEnabled: (scrollEnabled: boolean) => void;\r\n    renderItem: (props: { item: T; index: number }) => JSX.Element;\r\n    setActiveItem: (item: T | null) => void;\r\n    activeRef: React.MutableRefObject<number>;\r\n}\r\nfunction _SortableFlatListItem(props: ISortableFlatListItemProps) {\r\n    const {\r\n        itemHeight,\r\n        setScrollEnabled,\r\n        renderItem,\r\n        setActiveItem,\r\n        itemJustifyContent,\r\n        item,\r\n        index,\r\n        activeRef,\r\n    } = props;\r\n\r\n    // 省一点性能，height是顺着传下来的，放ref就好了\r\n    const styleRef = useRef(\r\n        StyleSheet.create({\r\n            viewWrapper: {\r\n                height: itemHeight,\r\n                width: \"100%\",\r\n                flexDirection: \"row\",\r\n                justifyContent: itemJustifyContent ?? \"flex-end\",\r\n                zIndex: defaultZIndex,\r\n            },\r\n            btn: {\r\n                height: itemHeight,\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                position: \"absolute\",\r\n                top: 0,\r\n                right: 0,\r\n                width: rpx(100),\r\n                textAlignVertical: \"center\",\r\n            },\r\n        }),\r\n    );\r\n    const textColor = useTextColor();\r\n\r\n    return (\r\n        <View style={styleRef.current.viewWrapper}>\r\n            {renderItem({ item, index })}\r\n            <Pressable\r\n                onTouchStart={() => {\r\n                    if (activeRef.current !== -1) {\r\n                        return;\r\n                    }\r\n                    /** 使用ref避免其它组件重新渲染; 由于事件冒泡，这里会先触发 */\r\n                    activeRef.current = index;\r\n                    /** 锁定滚动 */\r\n                    setScrollEnabled(false);\r\n                    setActiveItem(item);\r\n                }}\r\n                style={styleRef.current.btn}>\r\n                <Icon\r\n                    name=\"bars-3\"\r\n                    size={iconSizeConst.normal}\r\n                    color={textColor}\r\n                />\r\n            </Pressable>\r\n        </View>\r\n    );\r\n}\r\n\r\nconst SortableFlatListItem = memo(\r\n    _SortableFlatListItem,\r\n    (prev, curr) => prev.index === curr.index && prev.item === curr.item,\r\n);\r\n\r\nconst FakeFlatListItem = forwardRef(function (\r\n    props: Pick<\r\n        ISortableFlatListItemProps,\r\n        \"itemHeight\" | \"renderItem\" | \"item\" | \"itemJustifyContent\"\r\n    > & {\r\n        backgroundColor?: string;\r\n    },\r\n    ref: ForwardedRef<View>,\r\n) {\r\n    const { itemHeight, renderItem, item, backgroundColor, itemJustifyContent } =\r\n        props;\r\n\r\n    const styleRef = useRef(\r\n        StyleSheet.create({\r\n            viewWrapper: {\r\n                height: itemHeight,\r\n                width: \"100%\",\r\n                flexDirection: \"row\",\r\n                justifyContent: itemJustifyContent ?? \"flex-end\",\r\n                zIndex: defaultZIndex,\r\n            },\r\n            btn: {\r\n                height: itemHeight,\r\n                paddingHorizontal: rpx(28),\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                position: \"absolute\",\r\n                top: 0,\r\n                right: 0,\r\n                width: rpx(100),\r\n                textAlignVertical: \"center\",\r\n            },\r\n        }),\r\n    );\r\n    const textColor = useTextColor();\r\n\r\n    return (\r\n        <View\r\n            ref={ref}\r\n            style={[\r\n                styleRef.current.viewWrapper,\r\n                style.activeItemDefault,\r\n                backgroundColor ? { backgroundColor } : {},\r\n            ]}>\r\n            {item ? renderItem({ item, index: -1 }) : null}\r\n            <Pressable style={styleRef.current.btn}>\r\n                <Icon\r\n                    name=\"bars-3\"\r\n                    size={iconSizeConst.normal}\r\n                    color={textColor}\r\n                />\r\n            </Pressable>\r\n        </View>\r\n    );\r\n});\r\n\r\nconst style = StyleSheet.create({\r\n    activeItemDefault: {\r\n        opacity: 0,\r\n        zIndex: -1,\r\n        position: \"absolute\",\r\n        top: 0,\r\n        left: 0,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/base/appBar.tsx",
    "content": "import React, { ReactNode, useEffect, useState } from \"react\";\nimport {\n    LayoutRectangle,\n    StatusBar as OriginalStatusBar,\n    StyleProp,\n    StyleSheet,\n    TouchableWithoutFeedback,\n    View,\n    ViewStyle,\n} from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport useColors from \"@/hooks/useColors\";\nimport StatusBar from \"./statusBar\";\nimport color from \"color\";\nimport IconButton from \"./iconButton\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport ThemeText from \"./themeText\";\nimport { useNavigation } from \"@react-navigation/native\";\nimport Animated, {\n    Easing,\n    useAnimatedStyle,\n    useSharedValue,\n    withTiming,\n} from \"react-native-reanimated\";\nimport Portal from \"./portal\";\nimport ListItem from \"./listItem\";\nimport { IIconName } from \"@/components/base/icon.tsx\";\n\ninterface IAppBarProps {\n    titleTextOpacity?: number;\n    withStatusBar?: boolean;\n    color?: string;\n    actions?: Array<{\n        icon: IIconName;\n        onPress?: () => void;\n    }>;\n    menu?: Array<{\n        icon: IIconName;\n        title: string;\n        show?: boolean;\n        onPress?: () => void;\n    }>;\n    menuWithStatusBar?: boolean;\n    children?: string | ReactNode;\n    containerStyle?: StyleProp<ViewStyle>;\n    contentStyle?: StyleProp<ViewStyle>;\n    actionComponent?: ReactNode;\n    onBackPress?: () => void;\n}\n\nconst ANIMATION_EASING: Animated.EasingFunction = Easing.out(Easing.exp);\nconst ANIMATION_DURATION = 500;\n\nconst timingConfig = {\n    duration: ANIMATION_DURATION,\n    easing: ANIMATION_EASING,\n};\n\nexport default function AppBar(props: IAppBarProps) {\n    const {\n        titleTextOpacity = 1,\n        withStatusBar,\n        color: _color,\n        actions = [],\n        menu = [],\n        menuWithStatusBar = true,\n        containerStyle,\n        contentStyle,\n        children,\n        actionComponent,\n        onBackPress,\n    } = props;\n\n    const colors = useColors();\n    const navigation = useNavigation();\n\n    const bgColor = color(colors.appBar ?? colors.primary).toString();\n    const contentColor = _color ?? colors.appBarText;\n\n    const [showMenu, setShowMenu] = useState(false);\n    const [menuIconLayout, setMenuIconLayout] =\n        useState<LayoutRectangle | null>(null);\n    const scaleRate = useSharedValue(0);\n\n    useEffect(() => {\n        if (showMenu) {\n            scaleRate.value = withTiming(1, timingConfig);\n        } else {\n            scaleRate.value = withTiming(0, timingConfig);\n        }\n    }, [showMenu]);\n\n    const transformStyle = useAnimatedStyle(() => {\n        return {\n            opacity: scaleRate.value,\n        };\n    });\n\n    return (\n        <>\n            {withStatusBar ? <StatusBar backgroundColor={bgColor} /> : null}\n            <View\n                style={[\n                    styles.container,\n                    containerStyle,\n                    { backgroundColor: bgColor },\n                ]}>\n                <IconButton\n                    name=\"arrow-left\"\n                    sizeType=\"normal\"\n                    color={contentColor}\n                    style={globalStyle.notShrink}\n                    onPress={\n                        onBackPress ||\n                        (() => {\n                            navigation.goBack();\n                        })\n                    }\n                />\n                <View style={[globalStyle.grow, styles.content, contentStyle]}>\n                    {typeof children === \"string\" ? (\n                        <ThemeText\n                            fontSize=\"title\"\n                            fontWeight=\"bold\"\n                            numberOfLines={1}\n                            color={\n                                titleTextOpacity !== 1\n                                    ? color(contentColor)\n                                        .alpha(titleTextOpacity)\n                                        .toString()\n                                    : contentColor\n                            }>\n                            {children}\n                        </ThemeText>\n                    ) : (\n                        children\n                    )}\n                </View>\n                {actions.map((action, index) => (\n                    <IconButton\n                        key={index}\n                        name={action.icon}\n                        sizeType=\"normal\"\n                        color={contentColor}\n                        style={[globalStyle.notShrink, styles.rightButton]}\n                        onPress={action.onPress}\n                    />\n                ))}\n                {actionComponent ?? null}\n                {menu?.length ? (\n                    <IconButton\n                        name=\"ellipsis-vertical\"\n                        sizeType=\"normal\"\n                        onLayout={evt => {\n                            setMenuIconLayout(evt.nativeEvent.layout);\n                        }}\n                        color={contentColor}\n                        style={[globalStyle.notShrink, styles.rightButton]}\n                        onPress={() => {\n                            setShowMenu(true);\n                        }}\n                    />\n                ) : null}\n            </View>\n            <Portal>\n                {showMenu ? (\n                    <TouchableWithoutFeedback\n                        onPress={() => {\n                            setShowMenu(false);\n                        }}>\n                        <View style={styles.blocker} />\n                    </TouchableWithoutFeedback>\n                ) : null}\n                <>\n                    <Animated.View\n                        pointerEvents={showMenu ? \"auto\" : \"none\"}\n                        style={[\n                            {\n                                borderBottomColor: colors.background,\n                                left:\n                                    (menuIconLayout?.x ?? 0) +\n                                    (menuIconLayout?.width ?? 0) / 2 -\n                                    rpx(10),\n                                top:\n                                    (menuIconLayout?.y ?? 0) +\n                                    (menuIconLayout?.height ?? 0) +\n                                    (menuWithStatusBar\n                                        ? OriginalStatusBar.currentHeight ?? 0\n                                        : 0),\n                            },\n                            transformStyle,\n                            styles.bubbleCorner,\n                        ]}\n                    />\n                    <Animated.View\n                        pointerEvents={showMenu ? \"auto\" : \"none\"}\n                        style={[\n                            {\n                                backgroundColor: colors.background,\n                                right: rpx(24),\n                                top:\n                                    (menuIconLayout?.y ?? 0) +\n                                    (menuIconLayout?.height ?? 0) +\n                                    rpx(20) +\n                                    (menuWithStatusBar\n                                        ? OriginalStatusBar.currentHeight ?? 0\n                                        : 0),\n                                shadowColor: colors.shadow,\n                            },\n                            transformStyle,\n                            styles.menu,\n                        ]}>\n                        {menu.map(it =>\n                            it.show !== false ? (\n                                <ListItem\n                                    key={it.title}\n                                    withHorizontalPadding\n                                    heightType=\"small\"\n                                    onPress={() => {\n                                        setShowMenu(false);\n                                        // async\n                                        setTimeout(() => {\n                                            it.onPress?.();\n                                        }, 20);\n                                    }}>\n                                    <ListItem.ListItemIcon icon={it.icon} />\n                                    <ListItem.Content title={it.title} />\n                                </ListItem>\n                            ) : null,\n                        )}\n                    </Animated.View>\n                </>\n            </Portal>\n        </>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        width: \"100%\",\n        zIndex: 10000,\n        height: rpx(88),\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingHorizontal: rpx(24),\n    },\n    content: {\n        flexDirection: \"row\",\n        flexBasis: 0,\n        alignItems: \"center\",\n        paddingHorizontal: rpx(24),\n    },\n    rightButton: {\n        marginLeft: rpx(28),\n    },\n    blocker: {\n        position: \"absolute\",\n        bottom: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: 10010,\n    },\n    bubbleCorner: {\n        position: \"absolute\",\n        borderColor: \"transparent\",\n        borderWidth: rpx(10),\n        zIndex: 10012,\n        transformOrigin: \"right top\",\n        opacity: 0,\n    },\n    menu: {\n        width: rpx(340),\n        maxHeight: rpx(600),\n        borderRadius: rpx(8),\n        zIndex: 10011,\n        position: \"absolute\",\n        opacity: 0,\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.23,\n        shadowRadius: 2.62,\n        elevation: 4,\n    },\n});\n"
  },
  {
    "path": "src/components/base/button.tsx",
    "content": "import {\r\n    GestureResponderEvent,\r\n    StyleProp,\r\n    StyleSheet,\r\n    TouchableOpacity,\r\n    ViewStyle,\r\n} from \"react-native\";\r\nimport useColors from \"@/hooks/useColors.ts\";\r\nimport ThemeText from \"@/components/base/themeText.tsx\";\r\nimport React from \"react\";\r\nimport rpx from \"@/utils/rpx.ts\";\r\n\r\nexport function Button(props: {\r\n    type?: \"normal\" | \"primary\";\r\n    text: string;\r\n    style?: StyleProp<ViewStyle>;\r\n    onPress?: (evt: GestureResponderEvent) => void;\r\n}) {\r\n    const { type = \"normal\", text, style, onPress } = props;\r\n    const colors = useColors();\r\n\r\n    return (\r\n        <TouchableOpacity\r\n            activeOpacity={0.6}\r\n            onPress={onPress}\r\n            style={[\r\n                styles.bottomBtn,\r\n                {\r\n                    backgroundColor:\r\n                        type === \"normal\" ? colors.placeholder : colors.primary,\r\n                },\r\n                style,\r\n            ]}>\r\n            <ThemeText color={type === \"normal\" ? undefined : \"white\"}>\r\n                {text}\r\n            </ThemeText>\r\n        </TouchableOpacity>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    bottomBtn: {\r\n        borderRadius: rpx(8),\r\n        flexShrink: 0,\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n        height: rpx(72),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/base/checkbox.tsx",
    "content": "import React from \"react\";\r\nimport { StyleProp, StyleSheet, View, ViewProps } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport { TouchableOpacity } from \"react-native-gesture-handler\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\n\r\ninterface ICheckboxProps {\r\n    checked?: boolean;\r\n    onPress?: () => void;\r\n    style?: StyleProp<ViewProps>;\r\n}\r\n\r\nconst slop = rpx(24);\r\n\r\nexport default function Checkbox(props: ICheckboxProps) {\r\n    const { checked, onPress, style } = props;\r\n    const colors = useColors();\r\n\r\n    const innerNode = (\r\n        <View\r\n            style={[\r\n                styles.container,\r\n                checked\r\n                    ? {\r\n                        backgroundColor: colors.primary,\r\n                        borderColor: colors.primary,\r\n                    }\r\n                    : {\r\n                        borderColor: colors.text,\r\n                    },\r\n                style,\r\n            ]}>\r\n            {checked ? (\r\n                <Icon name=\"check\" color={colors.appBarText} size={rpx(34)} />\r\n            ) : null}\r\n        </View>\r\n    );\r\n\r\n    return onPress ? (\r\n        <TouchableOpacity\r\n            hitSlop={{\r\n                left: slop,\r\n                right: slop,\r\n                top: slop,\r\n                bottom: slop,\r\n            }}\r\n            onPress={onPress}>\r\n            {innerNode}\r\n        </TouchableOpacity>\r\n    ) : (\r\n        innerNode\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        width: rpx(36),\r\n        height: rpx(36),\r\n        borderRadius: rpx(2),\r\n        borderWidth: rpx(1),\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/base/chip.tsx",
    "content": "import React, { ReactNode } from \"react\";\r\nimport { Pressable, StyleProp, StyleSheet, ViewStyle } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport ThemeText from \"./themeText\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport IconButton from \"./iconButton\";\r\n\r\ninterface IChipProps {\r\n    containerStyle?: StyleProp<ViewStyle>;\r\n    children?: ReactNode;\r\n    onPress?: () => void;\r\n    onClose?: () => void;\r\n}\r\nexport default function Chip(props: IChipProps) {\r\n    const { containerStyle, children, onPress, onClose } = props;\r\n    const colors = useColors();\r\n\r\n    return (\r\n        <Pressable\r\n            onPress={onPress}\r\n            style={[\r\n                styles.container,\r\n                {\r\n                    backgroundColor: colors.placeholder,\r\n                },\r\n                containerStyle,\r\n            ]}>\r\n            {typeof children === \"string\" ? (\r\n                <ThemeText fontSize=\"subTitle\" numberOfLines={1}>\r\n                    {children}\r\n                </ThemeText>\r\n            ) : (\r\n                children\r\n            )}\r\n            <IconButton\r\n                onPress={onClose}\r\n                name=\"x-mark\"\r\n                sizeType=\"small\"\r\n                style={styles.icon}\r\n            />\r\n        </Pressable>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        height: rpx(56),\r\n        paddingHorizontal: rpx(18),\r\n        borderRadius: rpx(28),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n    },\r\n    icon: {\r\n        marginLeft: rpx(8),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/base/colorBlock.tsx",
    "content": "import React from \"react\";\nimport { Image, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\n\ninterface IColorBlockProps {\n    color: string;\n}\nexport default function ColorBlock(props: IColorBlockProps) {\n    const { color } = props;\n\n    return (\n        <View style={[styles.showBar]}>\n            <Image\n                resizeMode=\"repeat\"\n                source={ImgAsset.transparentBg}\n                style={styles.transparentBg}\n            />\n            <View\n                style={[\n                    styles.showBarContent,\n                    {\n                        backgroundColor: color,\n                    },\n                ]}\n            />\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    showBar: {\n        width: rpx(76),\n        height: rpx(50),\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderColor: \"#ccc\",\n    },\n    showBarContent: {\n        width: \"100%\",\n        height: \"100%\",\n        position: \"absolute\",\n        left: 0,\n        top: 0,\n    },\n    transparentBg: {\n        position: \"absolute\",\n        zIndex: -1,\n        width: \"100%\",\n        height: \"100%\",\n        left: 0,\n        top: 0,\n    },\n});\n"
  },
  {
    "path": "src/components/base/divider.tsx",
    "content": "import React from \"react\";\nimport { StyleProp, StyleSheet, View, ViewStyle } from \"react-native\";\nimport useColors from \"@/hooks/useColors\";\n\ninterface IDividerProps {\n    vertical?: boolean;\n    style?: StyleProp<ViewStyle>;\n}\nexport default function Divider(props: IDividerProps) {\n    const { vertical, style } = props;\n    const colors = useColors();\n\n    return (\n        <View\n            style={[\n                vertical ? css.dividerVertical : css.divider,\n                {\n                    backgroundColor: colors.divider ?? \"#999999\",\n                },\n                style,\n            ]}\n        />\n    );\n}\n\nconst css = StyleSheet.create({\n    divider: {\n        width: \"100%\",\n        height: 1,\n    },\n    dividerVertical: {\n        height: \"100%\",\n        width: 1,\n    },\n});\n"
  },
  {
    "path": "src/components/base/empty.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"./themeText\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IEmptyProps {\n    content?: string;\n}\nexport default function Empty(props: IEmptyProps) {\n    const { t } = useI18N();\n\n    return (\n        <View style={style.wrapper}>\n            <ThemeText fontSize=\"title\">\n                {props?.content ?? t(\"common.emptyList\")}\n            </ThemeText>\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        flex: 1,\n        minHeight: rpx(300),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/components/base/fab.tsx",
    "content": "import React from \"react\";\r\nimport { Pressable, StyleSheet } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport Icon, { IIconName } from \"@/components/base/icon.tsx\";\r\n\r\ninterface IFabProps {\r\n    icon?: IIconName;\r\n    onPress?: () => void;\r\n}\r\nexport default function Fab(props: IFabProps) {\r\n    const { icon, onPress } = props;\r\n\r\n    const colors = useColors();\r\n\r\n    return (\r\n        <Pressable\r\n            onPress={onPress}\r\n            style={[\r\n                styles.container,\r\n                {\r\n                    backgroundColor: colors.backdrop,\r\n                    shadowColor: colors.shadow,\r\n                },\r\n            ]}>\r\n            {icon ? (\r\n                <Icon\r\n                    name={icon}\r\n                    color={colors.text}\r\n                    size={iconSizeConst.normal}\r\n                />\r\n            ) : null}\r\n        </Pressable>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        width: rpx(108),\r\n        height: rpx(108),\r\n        borderRadius: rpx(54),\r\n        position: \"absolute\",\r\n        zIndex: 10010,\r\n        right: rpx(36),\r\n        bottom: rpx(72),\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n        shadowOffset: {\r\n            width: 0,\r\n            height: 5,\r\n        },\r\n        shadowOpacity: 0.34,\r\n        shadowRadius: 6.27,\r\n\r\n        elevation: 10,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/base/fastImage.tsx",
    "content": "import React, { useEffect, useState } from \"react\";\nimport { ImageRequireSource } from \"react-native\";\nimport FastImage, { FastImageProps } from \"react-native-fast-image\";\n\ninterface IFastImageProps {\n    style: FastImageProps[\"style\"];\n    defaultSource?: FastImageProps[\"defaultSource\"];\n    placeholderSource?: ImageRequireSource;\n    source?: FastImageProps[\"source\"] | string;\n}\nexport default function (props: IFastImageProps) {\n    const { style, placeholderSource, defaultSource, source } = props ?? {};\n    const [isError, setIsError] = useState(false);\n\n\n    let realSource: FastImageProps[\"source\"];\n    if (typeof source === \"string\") {\n        realSource = { uri: source };\n        if (source.length === 0) {\n            realSource = placeholderSource;\n        }\n    } else if (source){\n        realSource = source;\n    } else {\n        realSource = placeholderSource;\n    }\n\n\n    useEffect(() => {\n        setIsError(false);\n    }, [source]);\n\n\n    return (\n        <FastImage\n            style={style}\n            source={isError ? placeholderSource : realSource}\n            onError={() => {\n                setIsError(true);\n                console.error(\"Image load error:\", realSource);\n            }}\n            defaultSource={defaultSource}\n        />\n    );\n}\n"
  },
  {
    "path": "src/components/base/horizontalSafeAreaView.tsx",
    "content": "import React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\n\ninterface IHorizontalSafeAreaViewProps {\n    mode?: \"margin\" | \"padding\";\n    children: JSX.Element | JSX.Element[];\n    style?: StyleProp<ViewStyle>;\n}\nexport default function HorizontalSafeAreaView(\n    props: IHorizontalSafeAreaViewProps,\n) {\n    const { children, style, mode } = props;\n    return (\n        <SafeAreaView style={style} mode={mode} edges={[\"right\", \"left\"]}>\n            {children}\n        </SafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/components/base/icon.tsx",
    "content": "// This file is generated by generate-assets.mjs. DO NOT MODIFY.\nimport { SvgProps } from \"react-native-svg\";\n\nimport AlarmOutlineIcon from \"@/assets/icons/alarm-outline.svg\";\nimport AlbumOutlineIcon from \"@/assets/icons/album-outline.svg\";\nimport ArchiveBoxXMarkIcon from \"@/assets/icons/archive-box-x-mark.svg\";\nimport ArrowDownTrayIcon from \"@/assets/icons/arrow-down-tray.svg\";\nimport ArrowLeftIcon from \"@/assets/icons/arrow-left.svg\";\nimport ArrowLongLeftIcon from \"@/assets/icons/arrow-long-left.svg\";\nimport ArrowPathIcon from \"@/assets/icons/arrow-path.svg\";\nimport ArrowRightEndOnRectangleIcon from \"@/assets/icons/arrow-right-end-on-rectangle.svg\";\nimport ArrowUpTrayIcon from \"@/assets/icons/arrow-up-tray.svg\";\nimport ArrowUturnLeftIcon from \"@/assets/icons/arrow-uturn-left.svg\";\nimport ArrowsLeftRightIcon from \"@/assets/icons/arrows-left-right.svg\";\nimport Bars3Icon from \"@/assets/icons/bars-3.svg\";\nimport BookmarkSquareIcon from \"@/assets/icons/bookmark-square.svg\";\nimport ChatBubbleOvalLeftEllipsisIcon from \"@/assets/icons/chat-bubble-oval-left-ellipsis.svg\";\nimport CheckCircleOutlineIcon from \"@/assets/icons/check-circle-outline.svg\";\nimport CheckCircleIcon from \"@/assets/icons/check-circle.svg\";\nimport CheckIcon from \"@/assets/icons/check.svg\";\nimport CircleStackIcon from \"@/assets/icons/circle-stack.svg\";\nimport ClockOutlineIcon from \"@/assets/icons/clock-outline.svg\";\nimport CodeBracketSquareIcon from \"@/assets/icons/code-bracket-square.svg\";\nimport Cog8ToothIcon from \"@/assets/icons/cog-8-tooth.svg\";\nimport CrossHairIcon from \"@/assets/icons/crosshair.svg\";\nimport DocumentOutlineIcon from \"@/assets/icons/document-outline.svg\";\nimport EllipsisVerticalIcon from \"@/assets/icons/ellipsis-vertical.svg\";\nimport ExclamationCircleIcon from \"@/assets/icons/exclamation-circle.svg\";\nimport FireOutlineIcon from \"@/assets/icons/fire-outline.svg\";\nimport FireIcon from \"@/assets/icons/fire.svg\";\nimport FolderMusicOutlineIcon from \"@/assets/icons/folder-music-outline.svg\";\nimport FolderOutlineIcon from \"@/assets/icons/folder-outline.svg\";\nimport FolderPlusIcon from \"@/assets/icons/folder-plus.svg\";\nimport FontSizeIcon from \"@/assets/icons/font-size.svg\";\nimport HandThumbUpIcon from \"@/assets/icons/hand-thumb-up.svg\";\nimport HeartOutlineIcon from \"@/assets/icons/heart-outline.svg\";\nimport HeartIcon from \"@/assets/icons/heart.svg\";\nimport HomeOutlineIcon from \"@/assets/icons/home-outline.svg\";\nimport IdentificationIcon from \"@/assets/icons/identification.svg\";\nimport InboxArrowDownIcon from \"@/assets/icons/inbox-arrow-down.svg\";\nimport InformationCircleIcon from \"@/assets/icons/information-circle.svg\";\nimport JavascriptIcon from \"@/assets/icons/javascript.svg\";\nimport LanguageIcon from \"@/assets/icons/language.svg\";\nimport LinkSlashIcon from \"@/assets/icons/link-slash.svg\";\nimport LinkIcon from \"@/assets/icons/link.svg\";\nimport LyricIcon from \"@/assets/icons/lyric.svg\";\nimport MagnifyingGlassIcon from \"@/assets/icons/magnifying-glass.svg\";\nimport MinusIcon from \"@/assets/icons/minus.svg\";\nimport MotionPlayIcon from \"@/assets/icons/motion-play.svg\";\nimport MusicalNoteIcon from \"@/assets/icons/musical-note.svg\";\nimport PauseCircleOutlineIcon from \"@/assets/icons/pause-circle-outline.svg\";\nimport PauseIcon from \"@/assets/icons/pause.svg\";\nimport PencilOutlineIcon from \"@/assets/icons/pencil-outline.svg\";\nimport PencilSquareIcon from \"@/assets/icons/pencil-square.svg\";\nimport PlayCircleOutlineIcon from \"@/assets/icons/play-circle-outline.svg\";\nimport PlayCircleIcon from \"@/assets/icons/play-circle.svg\";\nimport PlayIcon from \"@/assets/icons/play.svg\";\nimport PlaylistIcon from \"@/assets/icons/playlist.svg\";\nimport PlusIcon from \"@/assets/icons/plus.svg\";\nimport PowerOutlineIcon from \"@/assets/icons/power-outline.svg\";\nimport QuestionMarkCircleIcon from \"@/assets/icons/question-mark-circle.svg\";\nimport RepeatSong1Icon from \"@/assets/icons/repeat-song-1.svg\";\nimport RepeatSongIcon from \"@/assets/icons/repeat-song.svg\";\nimport ShareIcon from \"@/assets/icons/share.svg\";\nimport ShieldKeyholeOutlineIcon from \"@/assets/icons/shield-keyhole-outline.svg\";\nimport ShuffleIcon from \"@/assets/icons/shuffle.svg\";\nimport SkipLeftIcon from \"@/assets/icons/skip-left.svg\";\nimport SkipRightIcon from \"@/assets/icons/skip-right.svg\";\nimport SortOutlineIcon from \"@/assets/icons/sort-outline.svg\";\nimport StrategyIcon from \"@/assets/icons/strategy.svg\";\nimport TShirtOutlineIcon from \"@/assets/icons/t-shirt-outline.svg\";\nimport TranslationIcon from \"@/assets/icons/translation.svg\";\nimport TrashOutlineIcon from \"@/assets/icons/trash-outline.svg\";\nimport TrophyIcon from \"@/assets/icons/trophy.svg\";\nimport UserIcon from \"@/assets/icons/user.svg\";\nimport XMarkIcon from \"@/assets/icons/x-mark.svg\";\n\nexport type IIconName =\n    | \"alarm-outline\"\n    | \"album-outline\"\n    | \"archive-box-x-mark\"\n    | \"arrow-down-tray\"\n    | \"arrow-left\"\n    | \"arrow-long-left\"\n    | \"arrow-path\"\n    | \"arrow-right-end-on-rectangle\"\n    | \"arrow-up-tray\"\n    | \"arrow-uturn-left\"\n    | \"arrows-left-right\"\n    | \"bars-3\"\n    | \"bookmark-square\"\n    | \"chat-bubble-oval-left-ellipsis\"\n    | \"check-circle-outline\"\n    | \"check-circle\"\n    | \"check\"\n    | \"circle-stack\"\n    | \"clock-outline\"\n    | \"code-bracket-square\"\n    | \"cog-8-tooth\"\n    | \"crosshair\"\n    | \"document-outline\"\n    | \"ellipsis-vertical\"\n    | \"exclamation-circle\"\n    | \"fire-outline\"\n    | \"fire\"\n    | \"folder-music-outline\"\n    | \"folder-outline\"\n    | \"folder-plus\"\n    | \"font-size\"\n    | \"hand-thumb-up\"\n    | \"heart-outline\"\n    | \"heart\"\n    | \"home-outline\"\n    | \"identification\"\n    | \"inbox-arrow-down\"\n    | \"information-circle\"\n    | \"javascript\"\n    | \"language\"\n    | \"link-slash\"\n    | \"link\"\n    | \"lyric\"\n    | \"magnifying-glass\"\n    | \"minus\"\n    | \"motion-play\"\n    | \"musical-note\"\n    | \"pause-circle-outline\"\n    | \"pause\"\n    | \"pencil-outline\"\n    | \"pencil-square\"\n    | \"play-circle-outline\"\n    | \"play-circle\"\n    | \"play\"\n    | \"playlist\"\n    | \"plus\"\n    | \"power-outline\"\n    | \"question-mark-circle\"\n    | \"repeat-song-1\"\n    | \"repeat-song\"\n    | \"share\"\n    | \"shield-keyhole-outline\"\n    | \"shuffle\"\n    | \"skip-left\"\n    | \"skip-right\"\n    | \"sort-outline\"\n    | \"strategy\"\n    | \"t-shirt-outline\"\n    | \"translation\"\n    | \"trash-outline\"\n    | \"trophy\"\n    | \"user\"\n    | \"x-mark\";\n\ninterface IProps extends SvgProps {\n    /** 图标名称 */\n    name: IIconName;\n    /** 图标大小 */\n    size?: number;\n}\n\nconst iconMap = {\n    \"alarm-outline\": AlarmOutlineIcon,\n    \"album-outline\": AlbumOutlineIcon,\n    \"archive-box-x-mark\": ArchiveBoxXMarkIcon,\n    \"arrow-down-tray\": ArrowDownTrayIcon,\n    \"arrow-left\": ArrowLeftIcon,\n    \"arrow-long-left\": ArrowLongLeftIcon,\n    \"arrow-path\": ArrowPathIcon,\n    \"arrow-right-end-on-rectangle\": ArrowRightEndOnRectangleIcon,\n    \"arrow-up-tray\": ArrowUpTrayIcon,\n    \"arrow-uturn-left\": ArrowUturnLeftIcon,\n    \"arrows-left-right\": ArrowsLeftRightIcon,\n    \"bars-3\": Bars3Icon,\n    \"bookmark-square\": BookmarkSquareIcon,\n    \"chat-bubble-oval-left-ellipsis\": ChatBubbleOvalLeftEllipsisIcon,\n    \"check-circle-outline\": CheckCircleOutlineIcon,\n    \"check-circle\": CheckCircleIcon,\n    check: CheckIcon,\n    \"circle-stack\": CircleStackIcon,\n    \"clock-outline\": ClockOutlineIcon,\n    \"code-bracket-square\": CodeBracketSquareIcon,\n    \"cog-8-tooth\": Cog8ToothIcon,\n    crosshair: CrossHairIcon,\n    \"document-outline\": DocumentOutlineIcon,\n    \"ellipsis-vertical\": EllipsisVerticalIcon,\n    \"exclamation-circle\": ExclamationCircleIcon,\n    \"fire-outline\": FireOutlineIcon,\n    fire: FireIcon,\n    \"folder-music-outline\": FolderMusicOutlineIcon,\n    \"folder-outline\": FolderOutlineIcon,\n    \"folder-plus\": FolderPlusIcon,\n    \"font-size\": FontSizeIcon,\n    \"hand-thumb-up\": HandThumbUpIcon,\n    \"heart-outline\": HeartOutlineIcon,\n    heart: HeartIcon,\n    \"home-outline\": HomeOutlineIcon,\n    identification: IdentificationIcon,\n    \"inbox-arrow-down\": InboxArrowDownIcon,\n    \"information-circle\": InformationCircleIcon,\n    javascript: JavascriptIcon,\n    \"link-slash\": LinkSlashIcon,\n    link: LinkIcon,\n    language: LanguageIcon,\n    lyric: LyricIcon,\n    \"magnifying-glass\": MagnifyingGlassIcon,\n    minus: MinusIcon,\n    \"motion-play\": MotionPlayIcon,\n    \"musical-note\": MusicalNoteIcon,\n    \"pause-circle-outline\": PauseCircleOutlineIcon,\n    pause: PauseIcon,\n    \"pencil-outline\": PencilOutlineIcon,\n    \"pencil-square\": PencilSquareIcon,\n    \"play-circle-outline\": PlayCircleOutlineIcon,\n    \"play-circle\": PlayCircleIcon,\n    play: PlayIcon,\n    playlist: PlaylistIcon,\n    plus: PlusIcon,\n    \"power-outline\": PowerOutlineIcon,\n    \"question-mark-circle\": QuestionMarkCircleIcon,\n    \"repeat-song-1\": RepeatSong1Icon,\n    \"repeat-song\": RepeatSongIcon,\n    share: ShareIcon,\n    \"shield-keyhole-outline\": ShieldKeyholeOutlineIcon,\n    shuffle: ShuffleIcon,\n    \"skip-left\": SkipLeftIcon,\n    \"skip-right\": SkipRightIcon,\n    \"sort-outline\": SortOutlineIcon,\n    strategy: StrategyIcon,\n    \"t-shirt-outline\": TShirtOutlineIcon,\n    translation: TranslationIcon,\n    \"trash-outline\": TrashOutlineIcon,\n    trophy: TrophyIcon,\n    user: UserIcon,\n    \"x-mark\": XMarkIcon,\n} as const;\n\nexport default function Icon(props: IProps) {\n    const { name, size } = props;\n\n    const newProps = {\n        ...props,\n        width: props.width ?? size,\n        height: props.width ?? size,\n    } as SvgProps;\n\n    const Component = iconMap[name];\n\n    return <Component {...newProps} />;\n}\n"
  },
  {
    "path": "src/components/base/iconButton.tsx",
    "content": "import React from \"react\";\nimport { ColorKey, colorMap, iconSizeConst } from \"@/constants/uiConst\";\nimport { TapGestureHandler } from \"react-native-gesture-handler\";\nimport { StyleSheet, View } from \"react-native\";\nimport useColors from \"@/hooks/useColors\";\nimport { SvgProps } from \"react-native-svg\";\nimport Icon, { IIconName } from \"@/components/base/icon.tsx\";\n\ninterface IIconButtonProps extends SvgProps {\n    name: IIconName;\n    style?: SvgProps[\"style\"];\n    sizeType?: keyof typeof iconSizeConst;\n    fontColor?: ColorKey;\n    color?: string;\n    onPress?: () => void;\n    accessibilityLabel?: string;\n}\nexport function IconButtonWithGesture(props: IIconButtonProps) {\n    const {\n        name,\n        sizeType: size = \"normal\",\n        fontColor = \"normal\",\n        onPress,\n        style,\n        accessibilityLabel,\n    } = props;\n    const colors = useColors();\n    const textSize = iconSizeConst[size];\n    const color = colors[colorMap[fontColor]];\n    return (\n        <TapGestureHandler onActivated={onPress}>\n            <View>\n                <Icon\n                    accessible\n                    accessibilityLabel={accessibilityLabel}\n                    name={name}\n                    color={color}\n                    style={[{ minWidth: textSize }, styles.textCenter, style]}\n                    size={textSize}\n                />\n            </View>\n        </TapGestureHandler>\n    );\n}\n\nexport default function IconButton(props: IIconButtonProps) {\n    const { sizeType = \"normal\", fontColor = \"normal\", style, color } = props;\n    const colors = useColors();\n    const size = iconSizeConst[sizeType];\n\n    return (\n        <Icon\n            {...props}\n            color={color ?? colors[colorMap[fontColor]]}\n            style={[{ minWidth: size }, styles.textCenter, style]}\n            size={size}\n        />\n    );\n}\n\nconst styles = StyleSheet.create({\n    textCenter: {\n        height: \"100%\",\n        textAlignVertical: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/components/base/iconTextButton.tsx",
    "content": "import React from \"react\";\r\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport ThemeText from \"./themeText\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport { TouchableOpacity } from \"react-native-gesture-handler\";\r\nimport Icon, { IIconName } from \"@/components/base/icon.tsx\";\r\n\r\ninterface IProps {\r\n    icon: IIconName;\r\n    onPress?: () => void;\r\n    containerStyle?: StyleProp<ViewStyle>;\r\n    children?: string;\r\n}\r\nexport default function (props: IProps) {\r\n    const { icon, children, onPress, containerStyle } = props;\r\n    const colors = useColors();\r\n\r\n    return (\r\n        <TouchableOpacity\r\n            activeOpacity={0.7}\r\n            style={[style.container, containerStyle]}\r\n            onPress={onPress}>\r\n            <Icon name={icon} size={iconSizeConst.light} color={colors.text} />\r\n            <ThemeText style={style.text} fontSize={\"content\"}>\r\n                {children}\r\n            </ThemeText>\r\n        </TouchableOpacity>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    container: {\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        paddingHorizontal: rpx(16),\r\n        paddingVertical: rpx(8),\r\n    },\r\n    text: {\r\n        marginLeft: rpx(8),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/base/image.tsx",
    "content": "import React from \"react\";\nimport { Image, ImageProps } from \"react-native\";\n\ninterface IImageProps extends ImageProps {\n    uri?: string | null;\n    emptySrc?: any;\n}\nexport default function (props: Omit<IImageProps, \"source\">) {\n    const { uri, emptySrc } = props;\n    const source = typeof uri === \"string\"\n        ? {\n            uri,\n        }\n        : emptySrc;\n    return <Image {...props} source={source} />;\n}\n"
  },
  {
    "path": "src/components/base/imageBtn.tsx",
    "content": "import React from \"react\";\nimport { StyleProp, StyleSheet, TouchableOpacity, ViewStyle } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport Image from \"./image\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport ThemeText from \"./themeText\";\n\ninterface IImageBtnProps {\n    uri?: string;\n    title?: string;\n    onPress?: () => void;\n    style?: StyleProp<ViewStyle>;\n}\nexport default function ImageBtn(props: IImageBtnProps) {\n    const { onPress, uri, title, style: _style } = props ?? {};\n    return (\n        <TouchableOpacity\n            activeOpacity={0.5}\n            onPress={onPress}\n            style={[style.wrapper, _style]}>\n            <Image\n                style={style.image}\n                uri={uri}\n                emptySrc={ImgAsset.albumDefault}\n            />\n            <ThemeText\n                fontSize=\"subTitle\"\n                numberOfLines={2}\n                ellipsizeMode=\"tail\">\n                {title ?? \"\"}\n            </ThemeText>\n        </TouchableOpacity>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: rpx(210),\n        height: rpx(290),\n        flexGrow: 0,\n        flexShrink: 0,\n    },\n    image: {\n        width: rpx(210),\n        height: rpx(210),\n        borderRadius: rpx(12),\n        marginBottom: rpx(16),\n    },\n});\n"
  },
  {
    "path": "src/components/base/input.tsx",
    "content": "import useColors from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\nimport Color from \"color\";\nimport React from \"react\";\nimport { StyleSheet, TextInput, TextInputProps } from \"react-native\";\n\ninterface IInputProps extends TextInputProps {\n    fontColor?: string;\n    hasHorizontalPadding?: boolean;\n}\n\nexport default function Input(props: IInputProps) {\n    const { fontColor, hasHorizontalPadding = true } = props;\n    const colors = useColors();\n\n    const currentColor = fontColor ?? colors.text;\n\n    const defaultStyle = {\n        color: currentColor,\n    };\n\n    return (\n        <TextInput\n            placeholderTextColor={Color(currentColor).alpha(0.7).toString()}\n            {...props}\n            style={[\n                hasHorizontalPadding\n                    ? styles.container\n                    : styles.containerWithoutPadding,\n                defaultStyle,\n                props?.style,\n            ]}\n        />\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        paddingVertical: 0,\n        paddingHorizontal: rpx(24),\n    },\n    containerWithoutPadding: {\n        padding: 0,\n    },\n});\n"
  },
  {
    "path": "src/components/base/linkText.tsx",
    "content": "import React, { useState } from \"react\";\nimport { GestureResponderEvent, StyleSheet, TextProps } from \"react-native\";\nimport { fontSizeConst, fontWeightConst } from \"@/constants/uiConst\";\nimport openUrl from \"@/utils/openUrl\";\nimport ThemeText from \"./themeText\";\nimport Color from \"color\";\n\ntype ILinkTextProps = TextProps & {\n    fontSize?: keyof typeof fontSizeConst;\n    fontWeight?: keyof typeof fontWeightConst;\n    linkTo?: string;\n    onPress?: (event: GestureResponderEvent) => void;\n};\n\nexport default function LinkText(props: ILinkTextProps) {\n    const [isPressed, setIsPressed] = useState(false);\n\n    return (\n        <ThemeText\n            {...props}\n            style={[style.linkText, isPressed ? style.pressed : null]}\n            onPressIn={() => {\n                setIsPressed(true);\n            }}\n            onPress={evt => {\n                if (props.onPress) {\n                    props.onPress(evt);\n                } else {\n                    props?.linkTo && openUrl(props.linkTo);\n                }\n            }}\n            onPressOut={() => {\n                setIsPressed(false);\n            }}>\n            {props.children}\n        </ThemeText>\n    );\n}\n\nconst style = StyleSheet.create({\n    linkText: {\n        color: \"#66ccff\",\n        textDecorationLine: \"underline\",\n    },\n    pressed: {\n        color: Color(\"#66ccff\").alpha(0.4).toString(),\n    },\n});\n"
  },
  {
    "path": "src/components/base/listEmpty.tsx",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\nimport React from \"react\";\nimport { ActivityIndicator, StyleSheet, TouchableOpacity, View } from \"react-native\";\nimport ThemeText from \"./themeText\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IEmptyProps {\n    state: RequestStateCode\n    onRetry?: () => void;\n}\nexport default function ListEmpty(props: IEmptyProps) {\n    const { state, onRetry } = props;\n\n    const colors = useColors();\n    const { t } = useI18N();\n\n    if (state === RequestStateCode.FINISHED || state === RequestStateCode.PARTLY_DONE) {\n        return <View style={style.wrapper}>\n            <ThemeText fontSize=\"title\">\n                {t(\"common.emptyList\")}\n            </ThemeText>\n        </View>;\n    } else if (state === RequestStateCode.PENDING_FIRST_PAGE) {\n        return <View style={style.wrapper}>\n            <ActivityIndicator animating color={colors.text} size={fontSizeConst.appbar}/>\n            <ThemeText\n                fontSize=\"title\"\n                fontWeight=\"semibold\">\n                {t(\"common.loading\")}\n            </ThemeText>\n        </View>;\n    } else if (state === RequestStateCode.ERROR) {\n        return <View style={style.wrapper}>\n            <ThemeText fontSize=\"title\">\n                {t(\"common.error\")}\n            </ThemeText>\n            <TouchableOpacity onPress={onRetry} style={style.retryButton}>\n                <ThemeText>{t(\"common.clickToRetry\")}</ThemeText>\n            </TouchableOpacity>\n        </View>;\n    }\n \n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        flex: 1,\n        minHeight: rpx(540),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        gap: rpx(36),\n    },\n    retryButton: {\n        paddingVertical: rpx(24),\n        paddingHorizontal: rpx(48),\n        borderRadius: rpx(36),\n        backgroundColor: \"rgba(128, 128, 128, 0.2)\",\n    },\n});\n"
  },
  {
    "path": "src/components/base/listFooter.tsx",
    "content": "import React from \"react\";\nimport { ActivityIndicator, StyleSheet, Text, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport ThemeText from \"./themeText\";\nimport useColors from \"@/hooks/useColors\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\nimport { Pressable } from \"react-native-gesture-handler\";\nimport { useI18N } from \"@/core/i18n\";\n\n\ninterface IProps {\n    state: RequestStateCode;\n    onRetry?: () => void;\n}\n\nexport default function ListFooter(props: IProps) {\n    const { state } = props;\n\n    const colors = useColors();\n    const { t } = useI18N();\n\n\n    if (state === RequestStateCode.ERROR) {\n        return <View style={style.wrapper} >\n            <Pressable hitSlop={{\n                top: rpx(36),\n                bottom: rpx(36),\n                left: rpx(72),\n                right: rpx(72),\n            }} onPress={props.onRetry}>\n                <ThemeText fontSize=\"content\" fontColor=\"textSecondary\">\n                    {t(\"common.failToLoad\")}<Text style={[style.underline, {\n                        textDecorationColor: colors.textSecondary,\n                    }]}>{\" \"}{t(\"common.clickToRetry\")}</Text>\n                </ThemeText>\n            </Pressable>\n        </View>;\n    } else if (state === RequestStateCode.PENDING_REST_PAGE || state === RequestStateCode.PARTLY_DONE) {\n        return <View style={style.wrapper}>\n            <ActivityIndicator\n                animating\n                color={colors.textSecondary}\n                size={fontSizeConst.appbar}\n            />\n            <ThemeText fontColor='textSecondary'>{t(\"common.loading\")}</ThemeText>\n        </View>;\n    } else if (state === RequestStateCode.FINISHED) {\n        return <View style={style.wrapper}>\n            <ThemeText fontSize=\"content\" fontColor=\"textSecondary\">\n                {t(\"common.listReachEnd\")}\n            </ThemeText>\n        </View>;\n    }\n\n    // PENDING_FIRST_PAGE, IDLE\n    return null;\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        height: rpx(120),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n        columnGap: rpx(24),\n    },\n    underline: {\n        textDecorationLine: \"underline\",\n        textDecorationStyle: \"solid\",\n    },\n\n});\n"
  },
  {
    "path": "src/components/base/listItem.tsx",
    "content": "import React, { ReactNode } from \"react\";\r\nimport {\r\n    StyleProp,\r\n    StyleSheet,\r\n    TextProps,\r\n    TextStyle,\r\n    TouchableHighlight,\r\n    TouchableOpacity,\r\n    View,\r\n    ViewStyle,\r\n} from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport useColors, { CustomizedColors } from \"@/hooks/useColors\";\r\nimport ThemeText from \"./themeText\";\r\nimport {\r\n    fontSizeConst,\r\n    fontWeightConst,\r\n    iconSizeConst,\r\n} from \"@/constants/uiConst\";\r\nimport FastImage from \"./fastImage\";\r\nimport { ImageStyle } from \"react-native-fast-image\";\r\nimport Icon, { IIconName } from \"@/components/base/icon.tsx\";\r\n\r\ninterface IListItemProps {\r\n    // 是否有左右边距\r\n    withHorizontalPadding?: boolean;\r\n    // 左边距\r\n    leftPadding?: number;\r\n    // 右边距\r\n    rightPadding?: number;\r\n    // height:\r\n    style?: StyleProp<ViewStyle>;\r\n    // 高度类型\r\n    heightType?: \"big\" | \"small\" | \"smallest\" | \"normal\" | \"none\";\r\n    children?: ReactNode;\r\n    onPress?: () => void;\r\n    onLongPress?: () => void;\r\n}\r\n\r\nconst defaultPadding = rpx(24);\r\nconst defaultActionWidth = rpx(80);\r\n\r\nconst Size = {\r\n    big: rpx(120),\r\n    normal: rpx(108),\r\n    small: rpx(96),\r\n    smallest: rpx(72),\r\n    none: undefined,\r\n};\r\n\r\nfunction ListItem(props: IListItemProps) {\r\n    const {\r\n        withHorizontalPadding,\r\n        leftPadding = defaultPadding,\r\n        rightPadding = defaultPadding,\r\n        style,\r\n        heightType = \"normal\",\r\n        children,\r\n        onPress,\r\n        onLongPress,\r\n    } = props;\r\n\r\n    const defaultStyle: StyleProp<ViewStyle> = {\r\n        paddingLeft: withHorizontalPadding ? leftPadding : 0,\r\n        paddingRight: withHorizontalPadding ? rightPadding : 0,\r\n        height: Size[heightType],\r\n    };\r\n\r\n    const colors = useColors();\r\n\r\n    return (\r\n        <TouchableHighlight\r\n            style={styles.container}\r\n            underlayColor={colors.listActive}\r\n            onPress={onPress}\r\n            onLongPress={onLongPress}>\r\n            <View style={[styles.container, defaultStyle, style]}>\r\n                {children}\r\n            </View>\r\n        </TouchableHighlight>\r\n    );\r\n}\r\n\r\ninterface IListItemTextProps {\r\n    children?: number | string;\r\n    fontSize?: keyof typeof fontSizeConst;\r\n    fontColor?: keyof CustomizedColors;\r\n    fontWeight?: keyof typeof fontWeightConst;\r\n    width?: number;\r\n    position?: \"left\" | \"right\" | \"none\";\r\n    fixedWidth?: boolean;\r\n    containerStyle?: StyleProp<ViewStyle>;\r\n    contentStyle?: StyleProp<TextStyle>;\r\n    contentProps?: TextProps;\r\n}\r\n\r\nfunction ListItemText(props: IListItemTextProps) {\r\n    const {\r\n        children,\r\n        fontSize,\r\n        fontWeight,\r\n        fontColor,\r\n        position = \"left\",\r\n        fixedWidth,\r\n        width,\r\n        containerStyle,\r\n        contentStyle,\r\n        contentProps = {},\r\n    } = props;\r\n\r\n    const defaultStyle: StyleProp<ViewStyle> = {\r\n        marginRight: position === \"left\" ? defaultPadding : 0,\r\n        marginLeft: position === \"right\" ? defaultPadding : 0,\r\n        width: fixedWidth ? width ?? defaultActionWidth : undefined,\r\n        flexBasis: fixedWidth ? width ?? defaultActionWidth : undefined,\r\n    };\r\n\r\n    return (\r\n        <View style={[styles.actionBase, defaultStyle, containerStyle]}>\r\n            <ThemeText\r\n                fontSize={fontSize}\r\n                style={contentStyle}\r\n                fontWeight={fontWeight}\r\n                fontColor={fontColor}\r\n                {...contentProps}>\r\n                {children}\r\n            </ThemeText>\r\n        </View>\r\n    );\r\n}\r\n\r\ninterface IListItemIconProps {\r\n    icon: IIconName;\r\n    iconSize?: number;\r\n    width?: number;\r\n    position?: \"left\" | \"right\" | \"none\";\r\n    fixedWidth?: boolean;\r\n    containerStyle?: StyleProp<ViewStyle>;\r\n    contentStyle?: StyleProp<TextStyle>;\r\n    onPress?: () => void;\r\n    color?: string;\r\n}\r\n\r\nfunction ListItemIcon(props: IListItemIconProps) {\r\n    const {\r\n        icon,\r\n        iconSize = iconSizeConst.normal,\r\n        position = \"left\",\r\n        fixedWidth,\r\n        width,\r\n        containerStyle,\r\n        contentStyle,\r\n        onPress,\r\n        color,\r\n    } = props;\r\n\r\n    const colors = useColors();\r\n\r\n    const defaultStyle: StyleProp<ViewStyle> = {\r\n        marginRight: position === \"left\" ? defaultPadding : 0,\r\n        marginLeft: position === \"right\" ? defaultPadding : 0,\r\n        width: fixedWidth ? width ?? defaultActionWidth : undefined,\r\n        flexBasis: fixedWidth ? width ?? defaultActionWidth : undefined,\r\n    };\r\n\r\n    const innerContent = (\r\n        <View style={[styles.actionBase, defaultStyle, containerStyle]}>\r\n            <Icon\r\n                name={icon}\r\n                size={iconSize}\r\n                style={contentStyle}\r\n                color={color || colors.text}\r\n            />\r\n        </View>\r\n    );\r\n\r\n    return onPress ? (\r\n        <TouchableOpacity onPress={onPress}>{innerContent}</TouchableOpacity>\r\n    ) : (\r\n        innerContent\r\n    );\r\n}\r\n\r\ninterface IListItemImageProps {\r\n    uri?: string;\r\n    fallbackImg?: number;\r\n    imageSize?: number;\r\n    width?: number;\r\n    position?: \"left\" | \"right\";\r\n    fixedWidth?: boolean;\r\n    containerStyle?: StyleProp<ViewStyle>;\r\n    contentStyle?: StyleProp<ImageStyle>;\r\n    maskIcon?: IIconName | null;\r\n}\r\n\r\nfunction ListItemImage(props: IListItemImageProps) {\r\n    const {\r\n        uri,\r\n        fallbackImg,\r\n        position = \"left\",\r\n        fixedWidth,\r\n        width,\r\n        containerStyle,\r\n        contentStyle,\r\n        maskIcon,\r\n    } = props;\r\n\r\n    const defaultStyle: StyleProp<ViewStyle> = {\r\n        marginRight: position === \"left\" ? defaultPadding : 0,\r\n        marginLeft: position === \"right\" ? defaultPadding : 0,\r\n        width: fixedWidth ? width ?? defaultActionWidth : undefined,\r\n        flexBasis: fixedWidth ? width ?? defaultActionWidth : undefined,\r\n    };\r\n\r\n    return (\r\n        <View style={[styles.actionBase, defaultStyle, containerStyle]}>\r\n            <FastImage\r\n                style={[styles.leftImage, contentStyle]}\r\n                source={uri}\r\n                placeholderSource={fallbackImg}\r\n            />\r\n            {maskIcon ? (\r\n                <View style={[styles.leftImage, styles.imageMask]}>\r\n                    <Icon\r\n                        name={maskIcon}\r\n                        size={iconSizeConst.normal}\r\n                        color=\"red\"\r\n                    />\r\n                </View>\r\n            ) : null}\r\n        </View>\r\n    );\r\n}\r\n\r\ninterface IContentProps {\r\n    title?: ReactNode;\r\n    children?: ReactNode;\r\n    description?: ReactNode;\r\n    containerStyle?: StyleProp<ViewStyle>;\r\n}\r\n\r\nfunction Content(props: IContentProps) {\r\n    const {\r\n        children,\r\n        title = children,\r\n        description = null,\r\n        containerStyle,\r\n    } = props;\r\n\r\n    let realTitle;\r\n    let realDescription;\r\n\r\n    if (typeof title === \"string\" || typeof title === \"number\") {\r\n        realTitle = <ThemeText numberOfLines={1}>{title}</ThemeText>;\r\n    } else {\r\n        realTitle = title;\r\n    }\r\n\r\n    if (typeof description === \"string\" || typeof description === \"number\") {\r\n        realDescription = (\r\n            <ThemeText\r\n                numberOfLines={1}\r\n                fontSize=\"description\"\r\n                fontColor=\"textSecondary\"\r\n                style={styles.contentDesc}>\r\n                {description}\r\n            </ThemeText>\r\n        );\r\n    } else {\r\n        realDescription = description;\r\n    }\r\n\r\n    return (\r\n        <View style={[styles.itemContentContainer, containerStyle]}>\r\n            {realTitle}\r\n            {realDescription}\r\n        </View>\r\n    );\r\n}\r\n\r\nexport function ListItemHeader(props: { children?: ReactNode }) {\r\n    const { children } = props;\r\n    return (\r\n        <ListItem\r\n            withHorizontalPadding\r\n            heightType=\"smallest\"\r\n            style={styles.listItemHeader}>\r\n            {typeof children === \"string\" ? (\r\n                <ThemeText\r\n                    fontSize=\"subTitle\"\r\n                    fontColor=\"textSecondary\"\r\n                    fontWeight=\"bold\">\r\n                    {children}\r\n                </ThemeText>\r\n            ) : (\r\n                children\r\n            )}\r\n        </ListItem>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    /** listitem */\r\n    container: {\r\n        width: \"100%\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n    /** left */\r\n    actionBase: {\r\n        height: \"100%\",\r\n        flexShrink: 0,\r\n        flexGrow: 0,\r\n        flexBasis: 0,\r\n        flexDirection: \"row\",\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n    },\r\n\r\n    leftImage: {\r\n        width: rpx(80),\r\n        height: rpx(80),\r\n        borderRadius: rpx(16),\r\n    },\r\n    imageMask: {\r\n        position: \"absolute\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n        backgroundColor: \"#00000022\",\r\n    },\r\n    itemContentContainer: {\r\n        flex: 1,\r\n        height: \"100%\",\r\n        justifyContent: \"center\",\r\n    },\r\n    contentDesc: {\r\n        marginTop: rpx(16),\r\n    },\r\n\r\n    listItemHeader: {\r\n        marginTop: rpx(20),\r\n    },\r\n});\r\n\r\nListItem.Size = Size;\r\nListItem.ListItemIcon = ListItemIcon;\r\nListItem.ListItemImage = ListItemImage;\r\nListItem.ListItemText = ListItemText;\r\nListItem.Content = Content;\r\n\r\nexport default ListItem;\r\n"
  },
  {
    "path": "src/components/base/loading.tsx",
    "content": "import React from \"react\";\nimport { ActivityIndicator, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"./themeText\";\nimport useColors from \"@/hooks/useColors\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ILoadingProps {\n    text?: string;\n    showText?: boolean;\n    height?: number;\n    color?: string;\n}\nexport default function Loading(props: ILoadingProps) {\n    const { showText = true, height, text, color } = props;\n    const colors = useColors();\n    const { t } = useI18N();\n\n    return (\n        <View style={[style.wrapper, { height }]}>\n            <ActivityIndicator animating color={color ?? colors.text} />\n            {showText ? (\n                <ThemeText\n                    color={color}\n                    fontSize=\"title\"\n                    fontWeight=\"semibold\"\n                    style={style.text}>\n                    {text ?? t(\"common.loading\")}\n                </ThemeText>\n            ) : null}\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        flex: 1,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n    text: {\n        marginTop: rpx(48),\n    },\n});\n"
  },
  {
    "path": "src/components/base/noPlugin.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IProps {\n    notSupportType?: string;\n}\n\nexport default function NoPlugin(props: IProps) {\n    const { t } = useI18N();\n\n    return (\n        <View style={style.wrapper}>\n            <ThemeText fontSize=\"title\">\n                {props.notSupportType ? t(\"noPlugin.titleWithType\", {\n                    type: props.notSupportType,\n                }) : t(\"noPlugin.title\")}\n            </ThemeText>\n            <ThemeText\n                style={style.mt}\n                fontSize=\"subTitle\"\n                fontColor=\"textSecondary\">\n                {t(\"noPlugin.description\")}\n            </ThemeText>\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: rpx(750),\n        flex: 1,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    mt: {\n        marginTop: rpx(24),\n    },\n});\n"
  },
  {
    "path": "src/components/base/pageBackground.tsx",
    "content": "import React, { memo } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport Image from \"./image\";\nimport useColors from \"@/hooks/useColors\";\nimport Theme from \"@/core/theme\";\n\nfunction PageBackground() {\n    const theme = Theme.useTheme();\n    const background = Theme.useBackground();\n    const colors = useColors();\n\n    return (\n        <>\n            <View\n                style={[\n                    style.wrapper,\n                    {\n                        backgroundColor:\n                            colors?.pageBackground ?? colors.background,\n                    },\n                ]}\n            />\n            {!theme.id.startsWith(\"p-\") && background?.url ? (\n                <Image\n                    uri={background.url}\n                    style={[\n                        style.wrapper,\n                        {\n                            opacity: background?.opacity ?? 0.6,\n                        },\n                    ]}\n                    blurRadius={background?.blur ?? 20}\n                />\n            ) : null}\n        </>\n    );\n}\nexport default memo(PageBackground, () => true);\n\nconst style = StyleSheet.create({\n    wrapper: {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        width: \"100%\",\n        height: \"100%\",\n    },\n});\n"
  },
  {
    "path": "src/components/base/paragraph.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, TextProps } from \"react-native\";\nimport ThemeText from \"./themeText\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\n\ninterface IParagraphProps extends TextProps {}\nexport default function Paragraph(props: IParagraphProps) {\n    return <ThemeText style={styles.container} {...props} />;\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        fontSize: fontSizeConst.content,\n        lineHeight: fontSizeConst.content * 1.8,\n        marginVertical: 2,\n        letterSpacing: 0.25,\n    },\n});\n"
  },
  {
    "path": "src/components/base/playAllBar.tsx",
    "content": "import React from \"react\";\r\nimport { Pressable, StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport ThemeText from \"./themeText\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport { showPanel } from \"../panels/usePanel\";\r\nimport IconButton from \"./iconButton\";\r\nimport TrackPlayer from \"@/core/trackPlayer\";\r\nimport Toast from \"@/utils/toast\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport MusicSheet, { useSheetIsStarred } from \"@/core/musicSheet\";\r\nimport { MusicRepeatMode } from \"@/constants/repeatModeConst\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\ninterface IProps {\r\n    musicList: IMusic.IMusicItem[] | null;\r\n    canStar?: boolean;\r\n    musicSheet?: IMusic.IMusicSheetItem | null;\r\n}\r\nexport default function (props: IProps) {\r\n    const { musicList, canStar, musicSheet } = props;\r\n\r\n    const sheetName = musicSheet?.title;\r\n    const sheetId = musicSheet?.id;\r\n\r\n    const colors = useColors();\r\n    const navigate = useNavigate();\r\n    const { t } = useI18N();\r\n\r\n    const starred = useSheetIsStarred(musicSheet);\r\n\r\n    return (\r\n        <View style={style.topWrapper}>\r\n            <Pressable\r\n                style={style.playAll}\r\n                onPress={() => {\r\n                    if (musicList) {\r\n                        let defaultPlayMusic = musicList[0];\r\n                        if (\r\n                            TrackPlayer.repeatMode ===\r\n                            MusicRepeatMode.SHUFFLE\r\n                        ) {\r\n                            defaultPlayMusic =\r\n                                musicList[\r\n                                    Math.floor(Math.random() * musicList.length)\r\n                                ];\r\n                        }\r\n                        TrackPlayer.playWithReplacePlayList(\r\n                            defaultPlayMusic,\r\n                            musicList,\r\n                        );\r\n                    }\r\n                }}>\r\n                <Icon\r\n                    name=\"play-circle\"\r\n                    style={style.playAllIcon}\r\n                    size={iconSizeConst.normal}\r\n                    color={colors.text}\r\n                />\r\n                <ThemeText fontWeight=\"bold\">{t(\"playAllBar.title\")}</ThemeText>\r\n            </Pressable>\r\n            {canStar && musicSheet ? (\r\n                <IconButton\r\n                    name={starred ? \"heart\" : \"heart-outline\"}\r\n                    sizeType={\"normal\"}\r\n                    color={starred ? \"#e31639\" : undefined}\r\n                    style={style.optionButton}\r\n                    onPress={async () => {\r\n                        if (!starred) {\r\n                            MusicSheet.starMusicSheet(musicSheet);\r\n                            Toast.success(t(\"toast.hasStarred\"));\r\n                        } else {\r\n                            MusicSheet.unstarMusicSheet(musicSheet);\r\n                            Toast.success(t(\"toast.hasUnstarred\"));\r\n                        }\r\n                    }}\r\n                />\r\n            ) : null}\r\n            <IconButton\r\n                name=\"folder-plus\"\r\n                sizeType={\"normal\"}\r\n                style={style.optionButton}\r\n                onPress={async () => {\r\n                    showPanel(\"AddToMusicSheet\", {\r\n                        musicItem: musicList ?? [],\r\n                        newSheetDefaultName: sheetName,\r\n                    });\r\n                }}\r\n            />\r\n            <IconButton\r\n                name=\"pencil-square\"\r\n                sizeType={\"normal\"}\r\n                style={style.optionButton}\r\n                onPress={async () => {\r\n                    navigate(ROUTE_PATH.MUSIC_LIST_EDITOR, {\r\n                        musicList: musicList,\r\n                        musicSheet: {\r\n                            title: sheetName,\r\n                            id: sheetId,\r\n                        },\r\n                    });\r\n                }}\r\n            />\r\n        </View>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    /** playall */\r\n    topWrapper: {\r\n        height: rpx(84),\r\n        paddingHorizontal: rpx(24),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n    playAll: {\r\n        flex: 1,\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n    playAllIcon: {\r\n        marginRight: rpx(12),\r\n    },\r\n    optionButton: {\r\n        marginLeft: rpx(36),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/base/portal.tsx",
    "content": "import React, { ReactNode, useEffect, useRef } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { atom, useAtomValue, useSetAtom } from \"jotai\";\n\ninterface IPortalNode {\n    key: string | null;\n    children: ReactNode;\n}\n\nconst portalsAtom = atom<IPortalNode[]>([]);\n\ninterface IPortalProps {\n    children: ReactNode;\n}\nexport default function Portal(props: IPortalProps) {\n    const { children } = props;\n\n    const keyRef = useRef<string | null>(null);\n    const setPortalsAtoms = useSetAtom(portalsAtom);\n\n    useEffect(() => {\n        if (!keyRef.current) {\n            // mount\n            keyRef.current = Math.random().toString().slice(2);\n            // console.log(\"MOUNT!\", keyRef.current);\n            setPortalsAtoms(portals => [\n                ...portals,\n                { key: keyRef.current, children },\n            ]);\n        } else {\n            // update\n            // console.log(\"UPDATE!\", keyRef.current);\n            setPortalsAtoms(portals =>\n                portals.map(it =>\n                    it.key === keyRef.current ? { ...it, children } : it,\n                ),\n            );\n        }\n    }, [children]);\n\n    useEffect(() => {\n        return () => {\n            if (keyRef.current) {\n                // console.log(\"UNMOUNT!\", keyRef.current);\n                setPortalsAtoms(portals =>\n                    portals.filter(it => it.key !== keyRef.current),\n                );\n            }\n        };\n    }, []);\n\n    return null;\n}\n\nconst styles = StyleSheet.create({\n    portalContainer: {\n        zIndex: 20000,\n    },\n});\nconst composedStyle = [StyleSheet.absoluteFill, styles.portalContainer];\n\nexport function PortalHost() {\n    const portals = useAtomValue(portalsAtom);\n\n    return (\n        <>\n            {portals.map(({ key, children }) => (\n                <View\n                    key={key}\n                    collapsable={false}\n                    pointerEvents=\"box-none\"\n                    style={composedStyle}>\n                    {children}\n                </View>\n            ))}\n        </>\n    );\n}\n\n"
  },
  {
    "path": "src/components/base/statusBar.tsx",
    "content": "import React from \"react\";\nimport { StatusBar, StatusBarProps, View } from \"react-native\";\nimport useColors from \"@/hooks/useColors\";\n\ninterface IStatusBarProps extends StatusBarProps {}\n\nexport default function (props: IStatusBarProps) {\n    const colors = useColors();\n    const { backgroundColor, barStyle } = props;\n\n    return (\n        <>\n            <StatusBar\n                backgroundColor={\"rgba(0,0,0,0)\"}\n                barStyle={barStyle ?? \"light-content\"}\n            />\n            <View\n                style={{\n                    zIndex: 10000,\n                    position: \"absolute\",\n                    top: 0,\n                    backgroundColor:\n                        backgroundColor ?? colors.appBar ?? colors.primary,\n                    width: \"100%\",\n                    height: StatusBar.currentHeight,\n                }}\n            />\n        </>\n    );\n}\n"
  },
  {
    "path": "src/components/base/switch.tsx",
    "content": "import React, { useEffect } from \"react\";\nimport {\n    StyleSheet,\n    SwitchProps,\n    TouchableWithoutFeedback,\n    View,\n} from \"react-native\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\nimport Animated, {\n    useAnimatedStyle,\n    useSharedValue,\n    withTiming,\n} from \"react-native-reanimated\";\nimport { timingConfig } from \"@/constants/commonConst\";\n\ninterface ISwitchProps extends SwitchProps {}\n\nconst fixedWidth = rpx(40);\n\nexport default function ThemeSwitch(props: ISwitchProps) {\n    const { value, onValueChange } = props;\n    const colors = useColors();\n\n    const sharedValue = useSharedValue(value ? 1 : 0);\n\n    useEffect(() => {\n        sharedValue.value = value ? 1 : 0;\n    }, [value]);\n\n    const thumbStyle = useAnimatedStyle(() => {\n        return {\n            transform: [\n                {\n                    translateX: withTiming(\n                        sharedValue.value * fixedWidth,\n                        timingConfig.animationNormal,\n                    ),\n                },\n            ],\n        };\n    });\n\n    return (\n        <TouchableWithoutFeedback\n            onPress={() => {\n                onValueChange?.(!value);\n            }}>\n            <View\n                style={[\n                    styles.container,\n                    {\n                        backgroundColor: value\n                            ? colors.primary\n                            : colors.textSecondary,\n                    },\n                    props?.style,\n                ]}>\n                <Animated.View style={[styles.thumb, thumbStyle]} />\n            </View>\n        </TouchableWithoutFeedback>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        width: rpx(80),\n        height: rpx(40),\n        borderRadius: rpx(40),\n        justifyContent: \"center\",\n    },\n    thumb: {\n        width: rpx(34),\n        height: rpx(34),\n        borderRadius: rpx(17),\n        backgroundColor: \"white\",\n        left: rpx(3),\n    },\n});\n"
  },
  {
    "path": "src/components/base/tag.tsx",
    "content": "import React from \"react\";\nimport { StyleProp, StyleSheet, TextStyle, View, ViewStyle } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"./themeText\";\nimport useColors from \"@/hooks/useColors\";\n\ninterface ITagProps {\n    tagName: string;\n    containerStyle?: StyleProp<ViewStyle>;\n    style?: StyleProp<TextStyle>;\n}\nexport default function Tag(props: ITagProps) {\n    const colors = useColors();\n    return (\n        <View\n            style={[\n                styles.tag,\n                { backgroundColor: colors.card, borderColor: colors.divider },\n                props.containerStyle,\n            ]}>\n            <ThemeText style={[styles.tagText, props.style]} fontSize=\"tag\">\n                {props.tagName}\n            </ThemeText>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    tag: {\n        height: rpx(32),\n        marginLeft: rpx(12),\n        paddingHorizontal: rpx(12),\n        borderRadius: rpx(24),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        flexShrink: 0,\n        borderWidth: 1,\n        borderStyle: \"solid\",\n    },\n    tagText: {\n        textAlignVertical: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/components/base/textButton.tsx",
    "content": "import React from \"react\";\nimport { Pressable } from \"react-native\";\nimport ThemeText from \"./themeText\";\nimport rpx from \"@/utils/rpx\";\nimport { CustomizedColors } from \"@/hooks/useColors\";\n\ninterface IButtonProps {\n    withHorizontalPadding?: boolean;\n    style?: any;\n    hitSlop?: number;\n    children: string;\n    fontColor?: keyof CustomizedColors;\n    onPress?: () => void;\n}\nexport default function (props: IButtonProps) {\n    const { children, onPress, fontColor, hitSlop, withHorizontalPadding } =\n        props;\n    return (\n        <Pressable\n            {...props}\n            style={[\n                withHorizontalPadding\n                    ? {\n                        paddingHorizontal: rpx(24),\n                    }\n                    : null,\n                props.style,\n            ]}\n            hitSlop={hitSlop ?? (withHorizontalPadding ? 0 : rpx(28))}\n            onPress={onPress}\n            accessible\n            accessibilityLabel={children}>\n            <ThemeText fontColor={fontColor}>{children}</ThemeText>\n        </Pressable>\n    );\n}\n"
  },
  {
    "path": "src/components/base/themeText.tsx",
    "content": "import React from \"react\";\nimport { Text, TextProps } from \"react-native\";\nimport { fontSizeConst, fontWeightConst } from \"@/constants/uiConst\";\nimport useColors, { CustomizedColors } from \"@/hooks/useColors\";\n\ntype IThemeTextProps = TextProps & {\n    color?: string;\n    fontColor?: keyof CustomizedColors;\n    fontSize?: keyof typeof fontSizeConst;\n    fontWeight?: keyof typeof fontWeightConst;\n    opacity?: number;\n};\n\nexport default function ThemeText(props: IThemeTextProps) {\n    const colors = useColors();\n    const {\n        style,\n        color,\n        children,\n        fontSize = \"content\",\n        fontColor = \"text\",\n        fontWeight = \"regular\",\n        opacity,\n    } = props;\n\n    const themeStyle = {\n        color: color ?? colors[fontColor],\n        fontSize: fontSizeConst[fontSize],\n        fontWeight: fontWeightConst[fontWeight],\n        includeFontPadding: false,\n        opacity,\n    };\n\n    const _style = Array.isArray(style)\n        ? [themeStyle, ...style]\n        : [themeStyle, style];\n\n    return (\n        <Text {...props} style={_style} allowFontScaling={false}>\n            {children}\n        </Text>\n    );\n}\n"
  },
  {
    "path": "src/components/base/tip.tsx",
    "content": "import React, { ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { View, StyleSheet, LayoutRectangle, Text } from \"react-native\";\nimport { Gesture, GestureDetector } from \"react-native-gesture-handler\";\nimport Animated, {\n    useSharedValue,\n    useAnimatedStyle,\n    withTiming,\n    runOnJS,\n} from \"react-native-reanimated\";\nimport Portal from \"./portal\";\nimport rpx from \"@/utils/rpx\";\nimport useColors from \"@/hooks/useColors\";\nimport { timingConfig } from \"@/constants/commonConst\";\n\ntype TipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\n\ninterface ITipProps {\n    children: ReactNode;\n    content: string;\n    position?: TipPosition;\n    autoHideDuration?: number; // 自动消失时间，单位毫秒，0表示不自动消失\n    backgroundColor?: string;\n    textColor?: string;\n    triangleSize?: number;\n}\n\ninterface ITipPortalProps {\n    content: string;\n    position: TipPosition;\n    childRect: LayoutRectangle;\n    backgroundColor: string;\n    textColor: string;\n    triangleSize: number;\n    visible: boolean;\n    onHide: () => void;\n    autoHideDuration: number;\n}\n\n// 计算tip的位置和三角形位置\nconst calculateTipPosition = (\n    childRect: LayoutRectangle,\n    tipWidth: number,\n    tipHeight: number,\n    position: TipPosition,\n    triangleSize: number\n) => {\n    const margin = rpx(12);\n    let tipLeft = 0;\n    let tipTop = 0;\n    let triangleLeft = 0;\n    let triangleTop = 0;\n    let triangleRotation = 0; switch (position) {\n    case \"top\":\n        tipLeft = childRect.x + childRect.width / 2 - tipWidth / 2;\n        tipTop = childRect.y - tipHeight - margin - triangleSize;\n        triangleLeft = tipWidth / 2 - triangleSize / 2;\n        triangleTop = tipHeight;\n        triangleRotation = 180; // 指向下方\n        break;\n    case \"bottom\":\n        tipLeft = childRect.x + childRect.width / 2 - tipWidth / 2;\n        tipTop = childRect.y + childRect.height + margin + triangleSize;\n        triangleLeft = tipWidth / 2 - triangleSize / 2;\n        triangleTop = -triangleSize;\n        triangleRotation = 0; // 指向上方\n        break;\n    case \"left\":\n        tipLeft = childRect.x - tipWidth - margin - triangleSize;\n        tipTop = childRect.y + childRect.height / 2 - tipHeight / 2;\n        triangleLeft = tipWidth;\n        triangleTop = tipHeight / 2 - triangleSize / 2;\n        triangleRotation = 90; // 指向右方\n        break;\n    case \"right\":\n        tipLeft = childRect.x + childRect.width + margin + triangleSize;\n        tipTop = childRect.y + childRect.height / 2 - tipHeight / 2;\n        triangleLeft = -triangleSize;\n        triangleTop = tipHeight / 2 - triangleSize / 2;\n        triangleRotation = -90; // 指向左方\n        break;\n    }\n\n    return {\n        tipLeft,\n        tipTop,\n        triangleLeft,\n        triangleTop,\n        triangleRotation,\n    };\n};\n\n// 三角形组件\nconst Triangle = ({ size, color, style }: { size: number; color: string; style?: any }) => (\n    <View\n        style={[\n            {\n                width: 0,\n                height: 0,\n                borderLeftWidth: size / 2,\n                borderRightWidth: size / 2,\n                borderBottomWidth: size,\n                borderLeftColor: \"transparent\",\n                borderRightColor: \"transparent\",\n                borderBottomColor: color,\n            },\n            style,\n        ]}\n    />\n);\n\n// Tip内容Portal组件\nconst TipPortal = ({\n    content,\n    position,\n    childRect,\n    backgroundColor,\n    textColor,\n    triangleSize,\n    visible,\n    onHide,\n    autoHideDuration,\n}: ITipPortalProps) => {\n    const opacity = useSharedValue(0);\n    const scale = useSharedValue(0.8);\n    const [tipDimensions, setTipDimensions] = useState({ width: 0, height: 0 });\n    const [shouldRender, setShouldRender] = useState(visible);\n\n    useEffect(() => {\n        if (visible) {\n            setShouldRender(true);\n            // 显示动画\n            opacity.value = withTiming(1, timingConfig.animationNormal);\n            scale.value = withTiming(1, timingConfig.animationNormal);\n\n            // 自动隐藏\n            if (autoHideDuration > 0) {\n                const hideTimer = setTimeout(() => {\n                    // 开始隐藏动画\n                    opacity.value = withTiming(0, timingConfig.animationNormal, (finished) => {\n                        if (finished) {\n                            runOnJS(onHide)();\n                        }\n                    });\n                    scale.value = withTiming(0.8, timingConfig.animationNormal);\n                }, autoHideDuration);\n\n                return () => clearTimeout(hideTimer);\n            }\n        } else {\n            // 隐藏动画\n            opacity.value = withTiming(0, timingConfig.animationNormal, (finished) => {\n                if (finished) {\n                    runOnJS(setShouldRender)(false);\n                }\n            });\n            scale.value = withTiming(0.8, timingConfig.animationNormal);\n        }\n    }, [visible, autoHideDuration, onHide, opacity, scale]);\n\n    const animatedStyle = useAnimatedStyle(() => {\n        return {\n            opacity: opacity.value,\n            transform: [{ scale: scale.value }],\n        };\n    });\n\n    const handleLayout = useCallback((event: any) => {\n        const { width, height } = event.nativeEvent.layout;\n        setTipDimensions({ width, height });\n    }, []);\n\n    // 如果不需要渲染，直接返回null\n    if (!shouldRender) {\n        return null;\n    } if (tipDimensions.width === 0 || tipDimensions.height === 0) {\n        // 测量阶段，先渲染不可见的tip来获取尺寸\n        return (\n            <View\n                style={[styles.tipContainer, styles.measurementContainer]}\n                onLayout={handleLayout}\n            >\n                <Text style={[styles.tipText, { color: textColor }]}>{content}</Text>\n            </View>\n        );\n    }\n\n    const { tipLeft, tipTop, triangleLeft, triangleTop, triangleRotation } = calculateTipPosition(\n        childRect,\n        tipDimensions.width,\n        tipDimensions.height,\n        position,\n        triangleSize\n    );\n\n    return (\n        <Animated.View\n            style={[\n                styles.tipContainer,\n                {\n                    backgroundColor,\n                    left: tipLeft,\n                    top: tipTop,\n                },\n                animatedStyle,\n            ]}\n        >\n            <Text style={[styles.tipText, { color: textColor }]}>{content}</Text>\n            <View\n                style={[\n                    styles.triangle,\n                    {\n                        left: triangleLeft,\n                        top: triangleTop,\n                        transform: [{ rotate: `${triangleRotation}deg` }],\n                    },\n                ]}\n            >\n                <Triangle size={triangleSize} color={backgroundColor} />\n            </View>\n        </Animated.View>\n    );\n};\n\nexport default function Tip({\n    children,\n    content,\n    position = \"top\",\n    autoHideDuration = 3000,\n    backgroundColor,\n    textColor,\n    triangleSize = rpx(12),\n}: ITipProps) {\n    const colors = useColors();\n    const [visible, setVisible] = useState(false);\n    const [childRect, setChildRect] = useState<LayoutRectangle | null>(null);\n    const childRef = useRef<View>(null);\n\n    const finalBackgroundColor = backgroundColor || colors.notification;\n    const finalTextColor = textColor || colors.text;\n\n    const handlePress = useCallback(() => {\n        if (!childRef.current) return;\n\n        childRef.current.measure((x, y, width, height, pageX, pageY) => {\n            setChildRect({\n                x: pageX,\n                y: pageY,\n                width,\n                height,\n            });\n            setVisible(true);\n        });\n    }, []);\n\n    const handleHide = useCallback(() => {\n        setVisible(false);\n    }, []);\n\n    const tap = Gesture.Tap().onStart(() => {\n        runOnJS(handlePress)();\n    });\n\n    return (\n        <>\n            <GestureDetector gesture={tap}>\n                <View ref={childRef}>{children}</View>\n            </GestureDetector>\n            {visible && childRect && (\n                <Portal>\n                    <TipPortal\n                        content={content}\n                        position={position}\n                        childRect={childRect}\n                        backgroundColor={finalBackgroundColor}\n                        textColor={finalTextColor}\n                        triangleSize={triangleSize}\n                        visible={visible}\n                        onHide={handleHide}\n                        autoHideDuration={autoHideDuration}\n                    />\n                </Portal>\n            )}\n        </>\n    );\n}\n\nconst styles = StyleSheet.create({\n    tipContainer: {\n        position: \"absolute\",\n        backgroundColor: \"rgba(0, 0, 0, 0.8)\",\n        paddingHorizontal: rpx(16),\n        paddingVertical: rpx(8),\n        borderRadius: rpx(8),\n        maxWidth: rpx(300),\n        zIndex: 9999,\n    },\n    measurementContainer: {\n        opacity: 0,\n        position: \"absolute\",\n        top: -1000,\n    },\n    tipText: {\n        fontSize: rpx(24),\n        lineHeight: rpx(32),\n        textAlign: \"center\",\n    },\n    triangle: {\n        position: \"absolute\",\n    },\n});"
  },
  {
    "path": "src/components/base/toast.tsx",
    "content": "import { timingConfig } from \"@/constants/commonConst\";\r\nimport { fontSizeConst } from \"@/constants/uiConst\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport { GlobalState } from \"@/utils/stateMapper\";\r\nimport { nanoid } from \"nanoid\";\r\nimport React, { useCallback, useEffect } from \"react\";\r\nimport { Pressable, StyleSheet, Text, View } from \"react-native\";\r\nimport {\r\n    Directions,\r\n    Gesture,\r\n    GestureDetector,\r\n} from \"react-native-gesture-handler\";\r\nimport Animated, {\r\n    cancelAnimation,\r\n    runOnJS,\r\n    useAnimatedStyle,\r\n    useSharedValue,\r\n    withDelay,\r\n    withTiming,\r\n} from \"react-native-reanimated\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\n\r\nexport interface IToastConfig {\r\n    /** 类型 */\r\n    type: \"success\" | \"warn\";\r\n    /** 消息内容 */\r\n    message?: string;\r\n    /** 行动点 */\r\n    actionText?: string;\r\n    /** 行动点按钮行为 */\r\n    onActionClick?: () => void;\r\n    /** 展示时间 */\r\n    duration?: number;\r\n}\r\n\r\ntype IToastConfigInner = IToastConfig & {\r\n    id: string;\r\n};\r\n\r\nconst toastQueue: IToastConfigInner[] = [];\r\n\r\nconst fixedTop = rpx(250);\r\n\r\nconst activeToastStore = new GlobalState<IToastConfigInner | null>(null);\r\n\r\nconst typeConfig = {\r\n    success: {\r\n        name: \"check-circle\",\r\n        color: \"#457236\",\r\n    },\r\n    warn: {\r\n        name: \"exclamation-circle\",\r\n        color: \"#de7622\",\r\n    },\r\n} as const;\r\n\r\nexport function ToastBaseComponent() {\r\n    const activeToast = activeToastStore.useValue();\r\n    const colors = useColors();\r\n\r\n    const toastAnim = useSharedValue(0);\r\n\r\n    const setNextToast = useCallback(() => {\r\n        activeToastStore.setValue(toastQueue.shift() || null);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (activeToast) {\r\n            toastAnim.value = withTiming(1, timingConfig.animationSlow, () => {\r\n                toastAnim.value = withDelay(\r\n                    activeToast.duration || 1200,\r\n                    withTiming(0, timingConfig.animationSlow, finished => {\r\n                        if (finished) {\r\n                            runOnJS(setNextToast)();\r\n                        }\r\n                    }),\r\n                );\r\n            });\r\n        }\r\n    }, [activeToast]);\r\n\r\n    function removeCurrentToast() {\r\n        if (toastAnim.value === 1) {\r\n            cancelAnimation(toastAnim);\r\n            toastAnim.value = withTiming(\r\n                0,\r\n                timingConfig.animationSlow,\r\n                finished => {\r\n                    if (finished) {\r\n                        runOnJS(setNextToast)();\r\n                    }\r\n                },\r\n            );\r\n        }\r\n    }\r\n\r\n    const flingGesture = Gesture.Fling()\r\n        .direction(Directions.UP)\r\n        .onEnd(() => {\r\n            removeCurrentToast();\r\n        })\r\n        .runOnJS(true);\r\n\r\n    const toastAnimStyle = useAnimatedStyle(() => {\r\n        return {\r\n            transform: [\r\n                {\r\n                    translateY: (toastAnim.value - 1) * fixedTop,\r\n                },\r\n            ],\r\n            opacity: toastAnim.value,\r\n        };\r\n    });\r\n\r\n    return activeToast ? (\r\n        <GestureDetector gesture={flingGesture}>\r\n            <View style={styles.container}>\r\n                <Animated.View\r\n                    style={[\r\n                        styles.contentContainer,\r\n                        {\r\n                            backgroundColor: colors.notification,\r\n                            shadowColor: colors.shadow,\r\n                        },\r\n                        toastAnimStyle,\r\n                    ]}>\r\n                    <Icon\r\n                        size={fontSizeConst.appbar}\r\n                        name={typeConfig[activeToast.type].name}\r\n                        color={typeConfig[activeToast.type].color}\r\n                    />\r\n                    <Text\r\n                        numberOfLines={2}\r\n                        style={[styles.text, { color: colors.text }]}>\r\n                        {activeToast.message}\r\n                    </Text>\r\n                    {activeToast.actionText && activeToast.onActionClick ? (\r\n                        <Pressable\r\n                            style={[\r\n                                styles.actionTextContainer,\r\n                                { backgroundColor: colors.primary },\r\n                            ]}\r\n                            onPress={activeToast.onActionClick}>\r\n                            <Text style={styles.actionText} numberOfLines={1}>\r\n                                {activeToast.actionText}\r\n                            </Text>\r\n                        </Pressable>\r\n                    ) : null}\r\n                </Animated.View>\r\n            </View>\r\n        </GestureDetector>\r\n    ) : null;\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        position: \"absolute\",\r\n        top: rpx(128),\r\n        width: \"100%\",\r\n        alignItems: \"center\",\r\n        height: rpx(100),\r\n        zIndex: 20000,\r\n    },\r\n    contentContainer: {\r\n        width: rpx(688),\r\n        height: \"100%\",\r\n        borderRadius: rpx(12),\r\n        backgroundColor: \"blue\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        paddingHorizontal: rpx(24),\r\n        shadowOffset: {\r\n            width: 0,\r\n            height: 2,\r\n        },\r\n        shadowOpacity: 0.2,\r\n        shadowRadius: 1.41,\r\n\r\n        elevation: 2,\r\n    },\r\n    text: {\r\n        fontSize: fontSizeConst.content,\r\n        includeFontPadding: false,\r\n        flex: 1,\r\n        marginLeft: rpx(24),\r\n    },\r\n    actionText: {\r\n        fontSize: fontSizeConst.content,\r\n        includeFontPadding: false,\r\n        color: \"white\",\r\n    },\r\n    actionTextContainer: {\r\n        marginLeft: rpx(24),\r\n        width: rpx(120),\r\n        paddingHorizontal: rpx(12),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n        borderRadius: rpx(30),\r\n        height: rpx(58),\r\n    },\r\n});\r\n\r\nexport function showToast(config: IToastConfig) {\r\n    const id = nanoid();\r\n    const _config = {\r\n        ...config,\r\n        id,\r\n    };\r\n    const activeToast = activeToastStore.getValue();\r\n    if (!activeToast) {\r\n        activeToastStore.setValue(_config);\r\n    } else {\r\n        toastQueue.push(_config);\r\n    }\r\n\r\n    return id;\r\n}\r\n"
  },
  {
    "path": "src/components/base/typeTag.tsx",
    "content": "import React from \"react\";\nimport {\n    ColorValue,\n    StyleProp,\n    StyleSheet,\n    TouchableOpacity,\n    View,\n    ViewStyle,\n} from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\nimport useColors from \"@/hooks/useColors\";\n\ninterface ITypeTagProps {\n    title: string;\n    selected?: boolean;\n    onPress?: () => void;\n    backgroundColor?: ColorValue;\n    style?: StyleProp<ViewStyle>;\n}\n\nexport default function TypeTag(props: ITypeTagProps) {\n    const {\n        title,\n        onPress,\n        selected = false,\n        // backgroundColor,\n        style: _style,\n    } = props;\n    const colors = useColors();\n    return (\n        <TouchableOpacity onPress={onPress}>\n            <View\n                style={[\n                    style.wrapper,\n                    {\n                        backgroundColor: colors.card,\n                        borderColor: colors.divider,\n                    },\n                    _style,\n                ]}>\n                <ThemeText\n                    fontSize=\"subTitle\"\n                    fontColor={selected ? \"primary\" : \"text\"}>\n                    {title}\n                </ThemeText>\n            </View>\n        </TouchableOpacity>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        flexGrow: 0,\n        paddingHorizontal: rpx(18),\n        paddingVertical: rpx(12),\n        borderRadius: rpx(36),\n        marginHorizontal: rpx(16),\n        borderWidth: 1,\n        borderStyle: \"solid\",\n    },\n});\n"
  },
  {
    "path": "src/components/base/verticalSafeAreaView.tsx",
    "content": "import React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\n\ninterface IVerticalSafeAreaViewProps {\n    mode?: \"margin\" | \"padding\";\n    children: JSX.Element | JSX.Element[];\n    style?: StyleProp<ViewStyle>;\n}\nexport default function VerticalSafeAreaView(\n    props: IVerticalSafeAreaViewProps,\n) {\n    const { children, style, mode } = props;\n    return (\n        <SafeAreaView style={style} mode={mode} edges={[\"top\", \"bottom\"]}>\n            {children}\n        </SafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/components/debug/index.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport VDebug from \"@/lib/react-native-vdebug\";\nimport { useAppConfig } from \"@/core/appConfig\";\n\nexport default function Debug() {\n    const showDebug = useAppConfig(\"debug.devLog\");\n    return showDebug ? (\n        <View style={style.wrapper} pointerEvents=\"box-none\">\n            <VDebug />\n        </View>\n    ) : null;\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: 999,\n    },\n});\n"
  },
  {
    "path": "src/components/dialogs/components/base/index.tsx",
    "content": "import React, { ReactNode, useEffect, useMemo, useRef } from \"react\";\nimport {\n    BackHandler,\n    NativeEventSubscription,\n    StyleProp,\n    StyleSheet,\n    TouchableOpacity,\n    TouchableWithoutFeedback,\n    View,\n    ViewStyle,\n} from \"react-native\";\nimport rpx, { vh, vw } from \"@/utils/rpx\";\nimport Animated, {\n    useAnimatedStyle,\n    useSharedValue,\n    withTiming,\n} from \"react-native-reanimated\";\nimport { timingConfig } from \"@/constants/commonConst\";\nimport useColors from \"@/hooks/useColors\";\nimport ThemeText from \"@/components/base/themeText\";\nimport Divider from \"@/components/base/divider\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport useOrientation from \"@/hooks/useOrientation.ts\";\n\ninterface IDialogProps {\n    onDismiss?: () => void;\n    children?: ReactNode;\n}\n\nfunction Dialog(props: IDialogProps) {\n    const { children, onDismiss } = props;\n\n    const sharedShowValue = useSharedValue(0);\n    const colors = useColors();\n    const backHandlerRef = useRef<NativeEventSubscription>();\n    const orientation = useOrientation();\n\n    // 对话框宽度\n    const dialogContainerStyle: ViewStyle =\n        orientation === \"vertical\"\n            ? {\n                width: vw(100) - rpx(72),\n            }\n            : {\n                width: \"80%\",\n            };\n\n    useEffect(() => {\n        sharedShowValue.value = 1;\n        if (backHandlerRef.current) {\n            backHandlerRef.current?.remove();\n            backHandlerRef.current = undefined;\n        }\n        backHandlerRef.current = BackHandler.addEventListener(\n            \"hardwareBackPress\",\n            () => {\n                onDismiss?.();\n                return true;\n            },\n        );\n\n        return () => {\n            sharedShowValue.value = 0;\n            if (backHandlerRef.current) {\n                backHandlerRef.current?.remove();\n                backHandlerRef.current = undefined;\n            }\n        };\n    }, []);\n\n    const containerStyle = useAnimatedStyle(() => {\n        return {\n            opacity: withTiming(\n                sharedShowValue.value,\n                timingConfig.animationFast,\n            ),\n        };\n    });\n\n    const scaleAnimationStyle = useAnimatedStyle(() => {\n        return {\n            transform: [\n                {\n                    scale: withTiming(\n                        0.9 + sharedShowValue.value * 0.1,\n                        timingConfig.animationFast,\n                    ),\n                },\n            ],\n        };\n    });\n\n    return (\n        <View style={styles.backContainer}>\n            <TouchableWithoutFeedback\n                style={styles.container}\n                onPress={onDismiss}>\n                <Animated.View style={[styles.container, containerStyle]} />\n            </TouchableWithoutFeedback>\n            <Animated.View\n                style={[\n                    styles.dialogContainer,\n                    dialogContainerStyle,\n                    containerStyle,\n                    scaleAnimationStyle,\n                    {\n                        backgroundColor: colors.backdrop,\n                        shadowColor: colors.shadow,\n                    },\n                ]}>\n                {children}\n            </Animated.View>\n        </View>\n    );\n}\n\ninterface IDialogTitleProps {\n    children?: ReactNode;\n    withDivider?: boolean;\n    stringContent?: boolean;\n    containerStyle?: StyleProp<ViewStyle>;\n}\n\nfunction Title(props: IDialogTitleProps) {\n    const { children, withDivider, stringContent, containerStyle } = props;\n\n    return (\n        <>\n            <View style={[styles.titleContainer, containerStyle]}>\n                {typeof children === \"string\" || stringContent ? (\n                    <ThemeText\n                        fontSize=\"title\"\n                        fontWeight=\"bold\"\n                        numberOfLines={1}>\n                        {children}\n                    </ThemeText>\n                ) : (\n                    children\n                )}\n            </View>\n            {withDivider ? <Divider /> : null}\n        </>\n    );\n}\n\ninterface IDialogContentProps {\n    children?: ReactNode;\n    style?: StyleProp<ViewStyle>;\n    needScroll?: boolean;\n}\n\nfunction Content(props: IDialogContentProps) {\n    const { children, style, needScroll } = props;\n\n    const content =\n        typeof children === \"string\" ? (\n            <ThemeText fontSize=\"content\" style={styles.defaultFontStyle}>\n                {children}\n            </ThemeText>\n        ) : (\n            children\n        );\n\n    return (\n        <View\n            style={[\n                styles.contentContainer,\n                {\n                    maxHeight: vh(50),\n                },\n                style,\n            ]}>\n            {needScroll ? <ScrollView>{content}</ScrollView> : content}\n        </View>\n    );\n}\n\ninterface IDialogActionsProps {\n    children?: ReactNode;\n    actions?: Array<{\n        title: string;\n        type?: \"normal\" | \"primary\";\n        show?: boolean;\n        onPress?: () => void;\n    }>;\n    style?: StyleProp<ViewStyle>;\n}\n\nfunction Actions(props: IDialogActionsProps) {\n    const { children, style, actions } = props;\n\n    const validActions = useMemo(\n        () => actions?.filter(it => it.show !== false),\n        [actions],\n    );\n\n    const _children = validActions?.length ? (\n        <>\n            {validActions.map((it, index) =>\n                it.show === false ? null : (\n                    <BottomButton\n                        key={index}\n                        style={index === 0 ? null : styles.actionButton}\n                        onPress={it.onPress}\n                        text={it.title}\n                        type={it.type}\n                    />\n                ),\n            )}\n        </>\n    ) : (\n        children\n    );\n\n    return (\n        <View style={[styles.actionsContainer, style]}>\n            {typeof children === \"string\" ? (\n                <ThemeText fontSize=\"content\" numberOfLines={1}>\n                    {children}\n                </ThemeText>\n            ) : (\n                _children\n            )}\n        </View>\n    );\n}\n\nfunction BottomButton(props: {\n    type?: \"normal\" | \"primary\";\n    text: string;\n    style?: StyleProp<ViewStyle>;\n    onPress?: () => void;\n}) {\n    const { type = \"normal\", text, style, onPress } = props;\n    const colors = useColors();\n\n    return (\n        <TouchableOpacity\n            activeOpacity={0.6}\n            onPress={onPress}\n            style={[\n                styles.bottomBtn,\n                {\n                    backgroundColor:\n                        type === \"normal\" ? colors.placeholder : colors.primary,\n                },\n                style,\n            ]}>\n            <ThemeText color={type === \"normal\" ? undefined : \"white\"}>\n                {text}\n            </ThemeText>\n        </TouchableOpacity>\n    );\n}\n\nconst styles = StyleSheet.create({\n    bottomBtn: {\n        borderRadius: rpx(8),\n        flex: 1,\n        flexShrink: 0,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        height: rpx(72),\n    },\n    backContainer: {\n        position: \"absolute\",\n        zIndex: 16299,\n        width: \"100%\",\n        height: \"100%\",\n        left: 0,\n        top: 0,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    container: {\n        zIndex: 16300,\n        position: \"absolute\",\n        width: \"100%\",\n        height: \"100%\",\n        left: 0,\n        top: 0,\n        backgroundColor: \"rgba(0, 0, 0, 0.5)\",\n    },\n    dialogContainer: {\n        position: \"absolute\",\n        width: \"80%\",\n        zIndex: 16310,\n        borderRadius: rpx(16),\n        backgroundColor: \"red\",\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.5,\n        shadowRadius: 4,\n\n        elevation: 5,\n    },\n\n    defaultFontStyle: {\n        lineHeight: fontSizeConst.content * 1.5,\n    },\n\n    /**** title */\n    titleContainer: {\n        height: rpx(88),\n        width: \"100%\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        flexDirection: \"row\",\n        paddingHorizontal: rpx(24),\n    },\n    /** content */\n    contentContainer: {\n        width: \"100%\",\n        paddingHorizontal: rpx(24),\n        paddingVertical: rpx(36),\n    },\n    /** actions */\n    actionsContainer: {\n        width: \"100%\",\n        height: rpx(88),\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"flex-end\",\n        paddingHorizontal: rpx(24),\n        marginBottom: rpx(12),\n        flexWrap: \"nowrap\",\n    },\n    actionButton: {\n        marginLeft: rpx(24),\n    },\n});\n\nDialog.Title = Title;\nDialog.Content = Content;\nDialog.Actions = Actions;\n\nexport default Dialog;\n"
  },
  {
    "path": "src/components/dialogs/components/checkStorage.tsx",
    "content": "import React, { useState } from \"react\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx, { vh } from \"@/utils/rpx\";\nimport { ScrollView, TouchableOpacity } from \"react-native-gesture-handler\";\nimport { hideDialog } from \"../useDialog\";\nimport Checkbox from \"@/components/base/checkbox\";\nimport Dialog from \"./base\";\nimport PersistStatus from \"@/utils/persistStatus\";\nimport NativeUtils from \"@/native/utils\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function CheckStorage() {\n    const [skipState, setSkipState] = useState(false);\n\n    const { t } = useI18N();\n\n    const onCancel = () => {\n        if (skipState) {\n            PersistStatus.set(\"app.skipBootstrapStorageDialog\", true);\n        }\n        hideDialog();\n    };\n\n    return (\n        <Dialog onDismiss={onCancel}>\n            <Dialog.Title stringContent>{t(\"dialog.checkStorage.title\")}</Dialog.Title>\n            <ScrollView style={styles.scrollView}>\n                <ThemeText style={styles.item}>\n                    {t(\"dialog.checkStorage.content.0\")}\n                </ThemeText>\n                <ThemeText style={styles.item}>\n                    {t(\"dialog.checkStorage.content.1\")}\n                </ThemeText>\n                <ThemeText style={styles.item}>\n                    {t(\"dialog.checkStorage.content.2\")}\n                </ThemeText>\n                <ThemeText style={styles.item}>\n                    {t(\"dialog.checkStorage.content.3\")}\n                </ThemeText>\n            </ScrollView>\n\n            <TouchableOpacity\n                style={styles.checkBox}\n                onPress={() => {\n                    setSkipState(state => !state);\n                }}>\n                <View style={styles.checkboxGroup}>\n                    <Checkbox checked={skipState} />\n                    <ThemeText style={styles.checkboxHint}>{t(\"dialog.checkStorage.button.doNotShowAgain\")}</ThemeText>\n                </View>\n            </TouchableOpacity>\n\n            <Dialog.Actions\n                actions={[\n                    {\n                        title: t(\"common.cancel\"),\n                        type: \"normal\",\n                        onPress: onCancel,\n                    },\n                    {\n                        title: t(\"dialog.checkStorage.button.doNotShowAgain\"),\n                        type: \"primary\",\n                        onPress: () => {\n                            NativeUtils.requestStoragePermission();\n                            hideDialog();\n                        },\n                    },\n                ]}\n            />\n        </Dialog>\n    );\n}\n\nconst styles = StyleSheet.create({\n    item: {\n        marginBottom: rpx(20),\n        lineHeight: rpx(36),\n    },\n\n    scrollView: {\n        maxHeight: vh(40),\n        paddingHorizontal: rpx(26),\n    },\n    checkBox: {\n        marginHorizontal: rpx(24),\n        marginVertical: rpx(36),\n    },\n    checkboxGroup: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    checkboxHint: {\n        marginLeft: rpx(12),\n    },\n});\n"
  },
  {
    "path": "src/components/dialogs/components/downloadDialog.tsx",
    "content": "import React, { useState } from \"react\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx, { vh } from \"@/utils/rpx\";\nimport openUrl from \"@/utils/openUrl\";\nimport Clipboard from \"@react-native-clipboard/clipboard\";\nimport { ScrollView, TouchableOpacity } from \"react-native-gesture-handler\";\nimport { hideDialog } from \"../useDialog\";\nimport Checkbox from \"@/components/base/checkbox\";\nimport Button from \"@/components/base/textButton.tsx\";\nimport Dialog from \"./base\";\nimport PersistStatus from \"@/utils/persistStatus\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IDownloadDialogProps {\n    version: string;\n    content: string[];\n    fromUrl: string;\n    backUrl?: string;\n}\nexport default function DownloadDialog(props: IDownloadDialogProps) {\n    const { content, fromUrl, backUrl, version } = props;\n    const [skipState, setSkipState] = useState(false);\n\n    const { t } = useI18N();\n\n    return (\n        <Dialog\n            onDismiss={() => {\n                if (skipState) {\n                    PersistStatus.set(\"app.skipVersion\", version);\n                }\n                hideDialog();\n            }}>\n            <Dialog.Title stringContent>{t(\"dialog.downloadDialog.title\", {\n                version: version,\n            })}</Dialog.Title>\n            <ScrollView style={style.scrollView}>\n                {content?.map?.(_ => (\n                    <ThemeText key={_} style={style.item}>\n                        {_}\n                    </ThemeText>\n                ))}\n            </ScrollView>\n            <Dialog.Actions style={style.dialogActions}>\n                <TouchableOpacity\n                    onPress={() => {\n                        setSkipState(state => !state);\n                    }}>\n                    <View style={style.checkboxGroup}>\n                        <Checkbox checked={skipState} />\n                        <ThemeText style={style.checkboxHint}>\n                            {t(\"dialog.downloadDialog.skipThisVersion\")}\n                        </ThemeText>\n                    </View>\n                </TouchableOpacity>\n                <View style={style.buttonGroup}>\n                    <Button\n                        style={style.button}\n                        onPress={() => {\n                            hideDialog();\n                            if (skipState) {\n                                PersistStatus.set(\"app.skipVersion\", version);\n                            }\n                        }}>\n                        {t(\"common.cancel\")}\n                    </Button>\n                    <Button\n                        style={style.button}\n                        onPress={async () => {\n                            PersistStatus.set(\"app.skipVersion\", undefined);\n                            openUrl(fromUrl);\n                            Clipboard.setString(fromUrl);\n                        }}>\n                        {t(\"dialog.downloadDialog.downloadUsingBrowser\")}\n                    </Button>\n                    {backUrl && (\n                        <Button\n                            style={style.button}\n                            onPress={async () => {\n                                PersistStatus.set(\"app.skipVersion\", undefined);\n                                openUrl(backUrl);\n                                Clipboard.setString(backUrl);\n                            }}>\n                            {t(\"dialog.downloadDialog.backupUrl\")}\n                        </Button>\n                    )}\n                </View>\n            </Dialog.Actions>\n        </Dialog>\n    );\n}\n\nconst style = StyleSheet.create({\n    item: {\n        marginBottom: rpx(20),\n        lineHeight: rpx(36),\n    },\n    content: {\n        flex: 1,\n        maxHeight: vh(50),\n    },\n    scrollView: {\n        maxHeight: vh(40),\n        paddingHorizontal: rpx(26),\n    },\n    dialogActions: {\n        marginTop: rpx(24),\n        height: rpx(120),\n        marginBottom: rpx(12),\n        flexDirection: \"column\",\n        alignItems: \"flex-start\",\n        justifyContent: \"space-between\",\n    },\n    checkboxGroup: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    buttonGroup: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        width: \"100%\",\n        justifyContent: \"flex-end\",\n    },\n    checkboxHint: {\n        marginLeft: rpx(12),\n    },\n    button: {\n        paddingLeft: rpx(28),\n        paddingVertical: rpx(14),\n        marginLeft: rpx(16),\n        alignItems: \"flex-end\",\n    },\n});\n"
  },
  {
    "path": "src/components/dialogs/components/editSheetDetail.tsx",
    "content": "import React, { useState } from \"react\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\nimport { StyleSheet, TouchableOpacity, View } from \"react-native\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport { launchImageLibrary } from \"react-native-image-picker\";\nimport pathConst from \"@/constants/pathConst\";\nimport Image from \"@/components/base/image\";\nimport { addFileScheme, addRandomHash } from \"@/utils/fileUtils\";\nimport Toast from \"@/utils/toast\";\nimport { hideDialog } from \"../useDialog\";\nimport Dialog from \"./base\";\nimport Input from \"@/components/base/input\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport { copyAsync, deleteAsync, getInfoAsync } from \"expo-file-system\";\nimport MusicSheet from \"@/core/musicSheet\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IEditSheetDetailProps {\n    musicSheet: IMusic.IMusicSheetItem;\n}\nexport default function EditSheetDetailDialog(props: IEditSheetDetailProps) {\n    const { musicSheet } = props;\n    const colors = useColors();\n\n    const [coverImg, setCoverImg] = useState(musicSheet?.coverImg);\n    const [title, setTitle] = useState(musicSheet?.title);\n\n    const { t } = useI18N();\n\n    // onCover\n\n    const onChangeCoverPress = async () => {\n        try {\n            const result = await launchImageLibrary({\n                mediaType: \"photo\",\n            });\n            const uri = result.assets?.[0].uri;\n            if (!uri) {\n                return;\n            }\n            console.log(uri);\n            setCoverImg(uri);\n        } catch (e) {\n            console.log(e);\n        }\n    };\n\n    function onTitleChange(_: string) {\n        setTitle(_);\n    }\n\n    async function onConfirm() {\n        // 判断是否相同\n        if (coverImg === musicSheet?.coverImg && title === musicSheet?.title) {\n            hideDialog();\n            return;\n        }\n\n        let newCoverImg = coverImg;\n        if (coverImg && coverImg !== musicSheet?.coverImg) {\n            newCoverImg = addFileScheme(\n                `${pathConst.dataPath}sheet${musicSheet.id}${coverImg.substring(\n                    coverImg.lastIndexOf(\".\"),\n                )}`,\n            );\n            try {\n                if ((await getInfoAsync(newCoverImg)).exists) {\n                    await deleteAsync(newCoverImg, {\n                        idempotent: true, // 报错时不抛异常\n                    });\n                }\n                await copyAsync({\n                    from: coverImg,\n                    to: newCoverImg,\n                });\n            } catch (e) {\n                console.log(e);\n            }\n        }\n        let _title = title;\n        if (!_title?.length) {\n            _title = musicSheet.title;\n        }\n        // 更新歌单信息\n        MusicSheet.updateMusicSheetBase(musicSheet.id, {\n            coverImg: newCoverImg ? addRandomHash(newCoverImg) : undefined,\n            title: _title,\n        }).then(() => {\n            Toast.success(\"更新歌单信息成功~\");\n        });\n        hideDialog();\n    }\n\n    return (\n        <Dialog onDismiss={hideDialog}>\n            <Dialog.Content>\n                <View style={style.row}>\n                    <ThemeText>{t(\"common.cover\")}</ThemeText>\n                    <TouchableOpacity\n                        onPress={onChangeCoverPress}\n                        onLongPress={() => {\n                            setCoverImg(undefined);\n                        }}>\n                        <Image\n                            style={style.coverImg}\n                            uri={coverImg}\n                            emptySrc={ImgAsset.albumDefault}\n                        />\n                    </TouchableOpacity>\n                </View>\n                <View style={style.row}>\n                    <ThemeText>{t(\"dialog.editSheetDetail.sheetName\")}</ThemeText>\n                    <Input\n                        numberOfLines={1}\n                        textAlign=\"right\"\n                        value={title}\n                        hasHorizontalPadding={false}\n                        onChangeText={onTitleChange}\n                        style={{\n                            height: fontSizeConst.content * 2.5,\n                            width: \"50%\",\n                            borderBottomWidth: 1,\n                            includeFontPadding: false,\n                            borderBottomColor: colors.text,\n                        }}\n                    />\n                </View>\n            </Dialog.Content>\n            <Dialog.Actions\n                actions={[\n                    {\n                        title: t(\"common.cancel\"),\n                        type: \"normal\",\n                        onPress: hideDialog,\n                    },\n                    {\n                        title: t(\"common.confirm\"),\n                        type: \"primary\",\n                        onPress: onConfirm,\n                    },\n                ]}\n            />\n        </Dialog>\n    );\n}\n\nconst style = StyleSheet.create({\n    row: {\n        marginTop: rpx(28),\n        height: rpx(120),\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        paddingBottom: rpx(12),\n    },\n    coverImg: {\n        width: rpx(100),\n        height: rpx(100),\n        borderRadius: rpx(28),\n    },\n});\n"
  },
  {
    "path": "src/components/dialogs/components/index.ts",
    "content": "import CheckStorage from \"@/components/dialogs/components/checkStorage.tsx\";\nimport DownloadDialog from \"./downloadDialog\";\nimport EditSheetDetailDialog from \"./editSheetDetail\";\nimport LoadingDialog from \"./loadingDialog\";\nimport MarkdownDialog from \"./markdownDialog\";\nimport RadioDialog from \"./radioDialog\";\nimport SimpleDialog from \"./simpleDialog\";\nimport SubscribePluginDialog from \"./subscribePluginDialog\";\nimport SetScheduleCloseTimeDialog from \"./setScheduleCloseTimeDialog\";\n\nconst dialogs = {\n    SimpleDialog,\n    RadioDialog,\n    DownloadDialog,\n    SubscribePluginDialog,\n    LoadingDialog,\n    EditSheetDetailDialog,\n    CheckStorage,\n    MarkdownDialog,\n    SetScheduleCloseTimeDialog,\n};\n\nexport default dialogs;\n\nexport type IDialogType = typeof dialogs;\nexport type IDialogKey = keyof IDialogType;\n"
  },
  {
    "path": "src/components/dialogs/components/loadingDialog.tsx",
    "content": "import React, { useEffect } from \"react\";\nimport Loading from \"@/components/base/loading\";\nimport rpx from \"@/utils/rpx\";\nimport { StyleSheet } from \"react-native\";\nimport { hideDialog } from \"../useDialog\";\nimport Dialog from \"./base\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ILoadingDialogProps<T extends any = any> {\n    promise?: Promise<T>;\n    task?: () => Promise<T>;\n    title: string;\n    loadingText?: string;\n    onResolve?: (data: T, hideDialog: () => void) => void;\n    onReject?: (reason: any, hideDialog: () => void) => void;\n    onCancel?: (hideDialog: () => void) => void;\n}\nexport default function LoadingDialog(props: ILoadingDialogProps) {\n    const { title, loadingText, onResolve, onReject, promise, task, onCancel } =\n        props;\n    \n    const { t } = useI18N();\n\n    useEffect(() => {\n        const _promise = promise || task?.();\n        _promise\n            ?.then(data => {\n                onResolve?.(data, hideDialog);\n            })\n            .catch(e => {\n                onReject?.(e, hideDialog);\n            });\n    }, []);\n\n    return (\n        <Dialog onDismiss={hideDialog}>\n            <Dialog.Title>{title}</Dialog.Title>\n            <Dialog.Content style={style.content}>\n                <Loading text={loadingText || t(\"common.loading\")} />\n            </Dialog.Content>\n            <Dialog.Actions\n                actions={[\n                    {\n                        title: t(\"common.cancel\"),\n                        onPress() {\n                            onCancel?.(hideDialog);\n                        },\n                    },\n                ]}\n            />\n        </Dialog>\n    );\n}\n\nconst style = StyleSheet.create({\n    content: {\n        height: rpx(280),\n    },\n    cancelBtn: {\n        marginRight: rpx(12),\n        marginBottom: rpx(4),\n    },\n});\n"
  },
  {
    "path": "src/components/dialogs/components/markdownDialog.tsx",
    "content": "import React, { useEffect, useRef, useState } from \"react\";\nimport { hideDialog } from \"../useDialog\";\nimport Dialog from \"./base\";\nimport i18n, { useI18N } from \"@/core/i18n\";\nimport { WebView } from \"react-native-webview\";\nimport rpx, { vh } from \"@/utils/rpx\";\nimport { StyleSheet } from \"react-native\";\nimport { Marked } from \"marked\";\nimport Loading from \"@/components/base/loading\";\nimport { useOnMounted } from \"@/hooks/useMounted\";\nimport useColors from \"@/hooks/useColors\";\nimport { sanitizeHtml } from \"@/utils/htmlUtil\";\nimport Toast from \"@/utils/toast\";\nimport openUrl from \"@/utils/openUrl\";\n\ninterface IMarkdownDialogProps {\n    title: string;\n    markdownContent: string;\n    okText?: string;\n}\nexport default function MarkdownDialog(props: IMarkdownDialogProps) {\n    const { title, markdownContent, okText } = props;\n    const markedRef = useRef<Marked>(new Marked());\n    const [loading, setLoading] = useState(true);\n    const [htmlContent, setHtmlContent] = useState<string>(\"\");\n    const { onMounted } = useOnMounted();\n\n    const { t } = useI18N();\n    const colors = useColors();\n\n\n    useEffect(() => {\n        const md = markedRef.current;\n\n        md.parse(markdownContent, {\n            async: true,\n        }).then(html => {\n            if (onMounted()) {\n                setHtmlContent(`\n<!DOCTYPE html>\n<html lang=\"en\">\n    <head>\n        <meta charset=\"UTF-8\" />\n        <meta name=\"viewport\"\n            content=\"width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0,viewport-fit=cover\" />\n        <meta http-equiv=\"Pragma\" content=\"no-cache\" />\n        <meta http-equiv=\"Cache-control\" content=\"no-cache\" />\n        <meta http-equiv=\"Cache\" content=\"no-cache\" />\n        <meta http-equiv=\"window-target\" content=\"_top\" />\n        <meta name=\"format-detection\" content=\"telephone=no\" />\n        <title>${title}</title>\n        <style>\n            html, body {\n                background-color: transparent;\n                margin: 0;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n                font-size: 16px;\n                line-height: 1.2;\n                color: ${colors.text};\n                -webkit-text-size-adjust: 100%;\n                text-rendering: optimizeLegibility;\n            }\n\n            body {\n                    padding: 0px 16px;\n            }\n            \n            h1, h2, h3, h4, h5, h6 {\n                margin: 24px 0 16px 0;\n                font-weight: 600;\n                line-height: 1.3;\n            }\n            \n            h1 { font-size: 28px; }\n            h2 { font-size: 24px; }\n            h3 { font-size: 20px; }\n            h4 { font-size: 18px; }\n            h5 { font-size: 16px; }\n            h6 { font-size: 14px; }\n            \n            p {\n                margin: 12px 0 12px 0;\n                line-height: 1.6;\n            }\n            \n            ul, ol {\n                margin: 0 0 16px 0;\n                padding-left: 24px;\n            }\n            \n            li {\n                margin: 4px 0;\n                line-height: 1.5;\n            }\n            \n            blockquote {\n                margin: 16px 0;\n                padding: 4px 16px;\n                border-left: 4px solid ${colors.primary || \"#007AFF\"};\n                background-color: rgba(0, 122, 255, 0.05);\n                border-radius: 4px;\n            }\n            \n            code {\n                font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n                font-size: 14px;\n                background-color: rgba(0, 0, 0, 0.05);\n                padding: 2px 6px;\n                border-radius: 3px;\n            }\n            \n            pre {\n                font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n                font-size: 14px;\n                background-color: rgba(0, 0, 0, 0.05);\n                padding: 16px;\n                border-radius: 8px;\n                overflow-x: auto;\n                margin: 16px 0;\n                line-height: 1.4;\n            }\n            \n            a {\n                color: ${colors.primary || \"#007AFF\"};\n                text-decoration: none;\n                border-bottom: 1px solid transparent;\n                transition: border-color 0.2s ease;\n            }\n            \n            a:hover {\n                border-bottom-color: ${colors.primary || \"#007AFF\"};\n            }\n            \n            table {\n                width: 100%;\n                border-collapse: collapse;\n                margin: 16px 0;\n                font-size: 14px;\n            }\n            \n            th, td {\n                padding: 12px;\n                text-align: left;\n                border-bottom: 1px solid ${colors.border || \"rgba(0, 0, 0, 0.1)\"};\n            }\n            \n            th {\n                font-weight: 600;\n                background-color: rgba(0, 0, 0, 0.02);\n            }\n            \n            img {\n                max-width: 100%;\n                height: auto;\n                border-radius: 8px;\n                margin: 8px 0;\n                display: none;\n            }\n            \n            .img-placeholder {\n                max-width: 100%;\n                height: 120px;\n                border: 2px dashed ${colors.border || \"rgba(0, 0, 0, 0.2)\"};\n                border-radius: 8px;\n                margin: 8px 0;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background-color: rgba(0, 0, 0, 0.02);\n                cursor: pointer;\n                transition: all 0.2s ease;\n                font-size: 14px;\n                color: ${colors.text};\n            }\n            \n            .img-placeholder:hover {\n                background-color: rgba(0, 0, 0, 0.05);\n                border-color: ${colors.primary || \"#007AFF\"};\n            }\n            \n            .img-placeholder.loading {\n                color: ${colors.primary || \"#007AFF\"};\n            }\n            \n            .img-loaded {\n                display: block !important;\n            }\n            \n            hr {\n                border: none;\n                height: 1px;\n                background-color: ${colors.border || \"rgba(0, 0, 0, 0.1)\"};\n                margin: 24px 0;\n            }\n            \n            strong {\n                font-weight: 600;\n            }\n            \n            em {\n                font-style: italic;\n            }\n        </style>\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const images = document.querySelectorAll('img');\n                \n                images.forEach(function(img) {\n                    // 保存原始src\n                    const originalSrc = img.src;\n                    \n                    // 创建占位符\n                    const placeholder = document.createElement('div');\n                    placeholder.className = 'img-placeholder';\n                    placeholder.textContent = '${i18n.t(\"dialog.markdownDialog.clickToShowImage\")}';\n                    \n                    // 插入占位符并隐藏原图\n                    img.parentNode.insertBefore(placeholder, img);\n                    img.style.display = 'none';\n                    \n                    // 点击占位符加载图片\n                    placeholder.addEventListener('click', function() {\n                        placeholder.textContent = '${i18n.t(\"common.loading\")}';\n                        placeholder.className = 'img-placeholder loading';\n                        \n                        // 预加载图片\n                        const tempImg = new Image();\n                        tempImg.onload = function() {\n                            img.src = originalSrc;\n                            img.style.display = 'block';\n                            placeholder.style.display = 'none';\n                        };\n                        tempImg.onerror = function() {\n                            placeholder.textContent = '${i18n.t(\"dialog.markdownDialog.loadFailed\")}';\n                            placeholder.className = 'img-placeholder';\n                        };\n                        tempImg.src = originalSrc;\n                    });\n                });\n            });\n        </script>\n    </head>\n<body>\n    ${sanitizeHtml(html)}\n</body>\n</html>\n                    `);\n\n                setLoading(false);\n            }\n        }).catch(() => {\n            if (onMounted()) {\n                setHtmlContent(markdownContent);\n                setLoading(false);\n            }\n        });\n\n    }, [markdownContent, onMounted, colors]);\n\n    const actions = [\n        {\n            title: okText ?? t(\"dialog.errorLogKnow\"),\n            type: \"primary\",\n            onPress() {\n                hideDialog();\n            },\n        },\n    ] as any;\n\n    return (\n        <Dialog onDismiss={hideDialog} >\n            <Dialog.Title withDivider>{title}</Dialog.Title>\n            <Dialog.Content style={[{ height: vh(60), maxHeight: vh(60) }, styles.dialogContent]}>\n                {loading ? <Loading /> : <WebView style={styles.webView} originWhitelist={[\"*\"]} source={{\n                    html: htmlContent,\n                }}\n                onShouldStartLoadWithRequest={(event) => {\n                    if (event.url.startsWith(\"http\") || event.url.startsWith(\"https\")) {\n                        Toast.warn(i18n.t(\"dialog.markdownDialog.openExternalLink\"), {\n                            type: \"warn\",\n                            duration: 3000,\n                            actionText: i18n.t(\"common.open\"),\n                            onActionClick() {\n                                openUrl(event.url);\n                            },\n                        });\n                    }\n                    return false;\n                }}\n\n                />}\n            </Dialog.Content>\n            <Dialog.Actions actions={actions} />\n        </Dialog>\n    );\n}\n\n\nconst styles = StyleSheet.create({\n    webView: {\n        flex: 1,\n        width: \"100%\",\n        height: \"100%\",\n        backgroundColor: \"transparent\",\n    },\n    dialogContent: {\n        paddingVertical: 0, paddingHorizontal: 0, paddingBottom: rpx(8),\n    },\n});\n"
  },
  {
    "path": "src/components/dialogs/components/radioDialog.tsx",
    "content": "import React, { useEffect, useMemo, useRef } from \"react\";\r\nimport { FlatList } from \"react-native-gesture-handler\";\r\nimport { hideDialog } from \"../useDialog\";\r\nimport Dialog from \"./base\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport useOrientation from \"@/hooks/useOrientation\";\r\nimport rpx, { vmax, vmin } from \"@/utils/rpx\";\r\nimport Icon, { IIconName } from \"@/components/base/icon.tsx\";\r\nimport useColors from \"@/hooks/useColors.ts\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport Tip from \"@/components/base/tip\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\n\r\ninterface IKV<T extends string | number = string | number> {\r\n    label: string;\r\n    value: T;\r\n    icon?: IIconName;\r\n}\r\n\r\ninterface IRadioDialogProps<T extends string | number = string | number> {\r\n    title: string;\r\n    tip?: string;\r\n    content: Array<T | IKV<T>>;\r\n    defaultSelected?: T;\r\n    onOk?: (value: T) => void;\r\n}\r\n\r\nfunction isObject(v: string | number | IKV): v is IKV {\r\n    return !(typeof v === \"string\" || typeof v === \"number\");\r\n}\r\n\r\nexport default function RadioDialog(props: IRadioDialogProps) {\r\n    const { title, content, onOk, defaultSelected, tip } = props;\r\n    const orientation = useOrientation();\r\n    const colors = useColors();\r\n    const ref = useRef<FlatList | null>(null);\r\n\r\n    const defaultSelectedIndex = useMemo(() => {\r\n        return content.findIndex(item => {\r\n            if (isObject(item)) {\r\n                return item.value === defaultSelected;\r\n            }\r\n            return item === defaultSelected;\r\n        });\r\n    }, [content, defaultSelected]);\r\n\r\n\r\n    useEffect(() => {\r\n        if (ref.current && (defaultSelectedIndex - 3) >= 0) {\r\n            ref.current.scrollToIndex({\r\n                index: defaultSelectedIndex - 3,\r\n                animated: false,\r\n            });\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <Dialog onDismiss={hideDialog}>\r\n            <Dialog.Title containerStyle={{ gap: rpx(8) }}>\r\n                <>\r\n                    <ThemeText\r\n                        fontSize=\"title\"\r\n                        fontWeight=\"bold\"\r\n                        numberOfLines={1}>\r\n                        {title}\r\n                    </ThemeText>\r\n\r\n                    {tip ? <Tip content={tip} position='top'>\r\n                        <Icon name='question-mark-circle' size={iconSizeConst.light} color={colors.text} />\r\n                    </Tip> : null}\r\n                </>\r\n            </Dialog.Title>\r\n\r\n            <FlatList\r\n                ref={ref}\r\n                style={{\r\n                    maxHeight:\r\n                        orientation === \"horizontal\" ? vmin(60) : vmax(60),\r\n                }}\r\n                data={content}\r\n                getItemLayout={(_, index) => ({\r\n                    length: ListItem.Size.normal,\r\n                    offset: ListItem.Size.normal * index,\r\n                    index,\r\n                })}\r\n                renderItem={({ item }) => {\r\n                    const isConfig = isObject(item);\r\n\r\n                    return (\r\n                        <ListItem\r\n                            withHorizontalPadding\r\n                            onPress={() => {\r\n                                if (isConfig) {\r\n                                    onOk?.(item.value);\r\n                                } else {\r\n                                    onOk?.(item);\r\n                                }\r\n                                hideDialog();\r\n                            }}\r\n                            heightType=\"small\">\r\n                            {isConfig && item.icon ? (\r\n                                <ListItem.ListItemIcon icon={item.icon} />\r\n                            ) : null}\r\n                            <ListItem.Content\r\n                                title={isConfig ? item.label : item}\r\n                            />\r\n                            {defaultSelected !== undefined &&\r\n                                defaultSelected ===\r\n                                (isConfig ? item.value : item) ? (\r\n                                    <ListItem.ListItemIcon\r\n                                        icon={\"check\"}\r\n                                        color={colors.primary}\r\n                                    />\r\n                                ) : null}\r\n                        </ListItem>\r\n                    );\r\n                }}\r\n            />\r\n        </Dialog>\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/components/dialogs/components/setScheduleCloseTimeDialog.tsx",
    "content": "import React, { useState } from \"react\";\nimport rpx from \"@/utils/rpx\";\nimport { StyleSheet, View } from \"react-native\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { hideDialog } from \"../useDialog\";\nimport Dialog from \"./base\";\nimport Input from \"@/components/base/input\";\nimport useColors from \"@/hooks/useColors\";\nimport { useI18N } from \"@/core/i18n\";\nimport PersistStatus from \"@/utils/persistStatus\";\n\ninterface ISetScheduleCloseTimeDialogProps {\n    onOk?: (minutes: number) => void;\n}\n\nexport default function SetScheduleCloseTimeDialog(\n    props: ISetScheduleCloseTimeDialogProps,\n) {\n    const { onOk } = props;\n    const [timeInput, setTimeInput] = useState(\"\");\n    \n    const colors = useColors();\n    const { t } = useI18N();\n\n    // Get last custom time as placeholder\n    const lastCustomTime = PersistStatus.get(\"app.scheduleCloseTime\");\n    const placeholder = lastCustomTime ? String(lastCustomTime) : \"\";\n\n    const handleConfirm = () => {\n        let minutes = 0;\n        \n        if (timeInput.trim()) {\n            minutes = parseInt(timeInput.trim(), 10);\n        } else if (placeholder) {\n            minutes = parseInt(placeholder, 10);\n        }\n        \n        // Validate input\n        if (isNaN(minutes) || minutes <= 0 || minutes > 1440) {\n            return;\n        }\n        \n        // Save to persistent storage\n        PersistStatus.set(\"app.scheduleCloseTime\", minutes);\n        \n        onOk?.(minutes);\n        hideDialog();\n    };\n\n    const inputStyles = {\n        backgroundColor: colors.card,\n        borderColor: colors.divider,\n        color: colors.text,\n    };\n\n    const containerStyles = {\n        backgroundColor: colors.backdrop,\n    };\n\n    return (\n        <Dialog onDismiss={hideDialog}>\n            <Dialog.Title>{t(\"dialog.setScheduleCloseTime.title\")}</Dialog.Title>\n            <Dialog.Content style={[style.dialogContent, containerStyles]}>\n                <View style={style.inputSection}>\n                    <View style={style.inputRow}>\n                        <View style={[style.inputContainer, { borderColor: colors.divider, backgroundColor: colors.card }]}>\n                            <Input\n                                hasHorizontalPadding={false}\n                                style={[style.textInput, inputStyles]}\n                                value={timeInput}\n                                onChangeText={text => {\n                                    // Only allow numbers\n                                    const numericText = text.replace(/[^0-9]/g, \"\");\n                                    // Limit to 4 digits (max 1440 minutes = 24 hours)\n                                    if (numericText.length <= 4) {\n                                        setTimeInput(numericText);\n                                    }\n                                }}\n                                placeholder={placeholder || t(\"dialog.setScheduleCloseTime.placeholder\")}\n                                placeholderTextColor={colors.textSecondary}\n                                keyboardType=\"numeric\"\n                                maxLength={4}\n                            />\n                        </View>\n                        <View style={style.unitContainer}>\n                            <ThemeText style={style.unitText} fontColor=\"textSecondary\">\n                                {t(\"dialog.setScheduleCloseTime.unit\")}\n                            </ThemeText>\n                        </View>\n                    </View>\n                    <View style={style.hintContainer}>\n                        <ThemeText style={style.hintText} fontSize=\"subTitle\" fontColor=\"textSecondary\">\n                            {t(\"dialog.setScheduleCloseTime.hint\")}\n                        </ThemeText>\n                    </View>\n                </View>\n            </Dialog.Content>\n            <Dialog.Actions\n                actions={[\n                    {\n                        type: \"normal\",\n                        title: t(\"common.cancel\"),\n                        onPress() {\n                            hideDialog();\n                        },\n                    },\n                    {\n                        type: \"primary\",\n                        title: t(\"common.confirm\"),\n                        onPress: handleConfirm,\n                    },\n                ]}\n            />\n        </Dialog>\n    );\n}\n\nconst style = StyleSheet.create({\n    dialogContent: {\n        paddingHorizontal: rpx(24),\n        paddingVertical: rpx(20),\n        borderRadius: rpx(12),\n    },\n    inputSection: {\n        marginBottom: rpx(8),\n    },\n    inputRow: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        marginBottom: rpx(16),\n    },\n    inputContainer: {\n        flex: 1,\n        borderWidth: rpx(2),\n        borderRadius: rpx(8),\n        paddingHorizontal: rpx(16),\n        paddingVertical: rpx(4),\n        minHeight: rpx(72),\n        justifyContent: \"center\",\n        shadowOffset: {\n            width: 0,\n            height: rpx(2),\n        },\n        shadowOpacity: 0.1,\n        shadowRadius: rpx(4),\n        elevation: 2,\n    },\n    textInput: {\n        fontSize: rpx(28),\n        includeFontPadding: false,\n        paddingVertical: rpx(12),\n        borderWidth: 0,\n        backgroundColor: \"transparent\",\n        textAlign: \"center\",\n    },\n    unitContainer: {\n        marginLeft: rpx(16),\n        paddingHorizontal: rpx(8),\n    },\n    unitText: {\n        fontSize: rpx(28),\n        fontWeight: \"500\",\n    },\n    hintContainer: {\n        paddingHorizontal: rpx(4),\n    },\n    hintText: {\n        lineHeight: rpx(32),\n        textAlign: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/components/dialogs/components/simpleDialog.tsx",
    "content": "import React from \"react\";\nimport { hideDialog } from \"../useDialog\";\nimport Dialog from \"./base\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ISimpleDialogProps {\n    title: string;\n    content: string | JSX.Element;\n    okText?: string;\n    cancelText?: string;\n    onOk?: () => void;\n}\nexport default function SimpleDialog(props: ISimpleDialogProps) {\n    const { title, content, onOk, okText, cancelText } = props;\n\n    const { t } = useI18N();\n\n    const actions = onOk\n        ? [\n            {\n                title: cancelText ?? t(\"common.cancel\"),\n                type: \"normal\",\n                onPress: hideDialog,\n            },\n            {\n                title: okText ?? t(\"common.confirm\"),\n                type: \"primary\",\n                onPress() {\n                    onOk?.();\n                    hideDialog();\n                },\n            },\n        ]\n        : ([\n            {\n                title: okText ?? t(\"dialog.errorLogKnow\"),\n                type: \"primary\",\n                onPress() {\n                    hideDialog();\n                },\n            },\n        ] as any);\n\n    return (\n        <Dialog onDismiss={hideDialog}>\n            <Dialog.Title withDivider>{title}</Dialog.Title>\n            <Dialog.Content needScroll>{content}</Dialog.Content>\n            <Dialog.Actions actions={actions} />\n        </Dialog>\n    );\n}\n"
  },
  {
    "path": "src/components/dialogs/components/subscribePluginDialog.tsx",
    "content": "import React, { useState } from \"react\";\nimport rpx from \"@/utils/rpx\";\nimport { StyleSheet, View } from \"react-native\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { hideDialog } from \"../useDialog\";\nimport Dialog from \"./base\";\nimport Input from \"@/components/base/input\";\nimport useColors from \"@/hooks/useColors\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ISubscribeItem {\n    name: string;\n    url: string;\n}\ninterface ISubscribePluginDialogProps {\n    subscribeItem?: ISubscribeItem;\n    onSubmit: (\n        subscribeItem: ISubscribeItem,\n        hideDialog: () => void,\n        editingIndex?: number,\n    ) => void;\n    editingIndex?: number;\n    onDelete?: (editingIndex: number, hideDialog: () => void) => void;\n}\n\nexport default function SubscribePluginDialog(\n    props: ISubscribePluginDialogProps,\n) {\n    const { subscribeItem, onSubmit, editingIndex, onDelete } = props;\n    const [name, setName] = useState(subscribeItem?.name ?? \"\");\n    const [url, setUrl] = useState(subscribeItem?.url ?? \"\");\n\n    const colors = useColors();\n    const { t } = useI18N();\n\n\n    const inputStyles = {\n        backgroundColor: colors.card,\n        borderColor: colors.divider,\n        color: colors.text,\n    };\n\n    const containerStyles = {\n        backgroundColor: colors.backdrop,\n    };\n\n    return (\n        <Dialog onDismiss={hideDialog}>\n            <Dialog.Title>{t(\"dialog.subscriptionPluginDialog.title\")}</Dialog.Title>\n            <Dialog.Content style={[style.dialogContent, containerStyles]}>\n                <View style={style.inputSection}>\n                    <View style={style.labelContainer}>\n                        <ThemeText style={style.label}>{t(\"common.name\")}</ThemeText>\n                    </View>\n                    <View style={[style.inputContainer, { borderColor: colors.divider, backgroundColor: colors.card }]}>\n                        <Input\n                            hasHorizontalPadding={false}\n                            style={[style.textInput, inputStyles]}\n                            value={name}\n                            onChangeText={text => {\n                                setName(text);\n                            }}\n                            placeholder={t(\"common.name\")}\n                            placeholderTextColor={colors.textSecondary}\n                        />\n                    </View>\n                </View>\n                \n                <View style={style.inputSection}>\n                    <View style={style.labelContainer}>\n                        <ThemeText style={style.label}>URL</ThemeText>\n                    </View>\n                    <View style={[style.inputContainer, { borderColor: colors.divider, backgroundColor: colors.card }]}>\n                        <Input\n                            hasHorizontalPadding={false}\n                            style={[style.textInput, inputStyles]}\n                            value={url}\n                            onChangeText={text => {\n                                setUrl(text);\n                            }}\n                        />\n                    </View>\n                </View>\n            </Dialog.Content>\n            <Dialog.Actions\n                actions={[\n                    {\n                        type: \"normal\",\n                        title: t(\"common.delete\"),\n                        show: editingIndex !== undefined,\n                        onPress() {\n                            onDelete?.(editingIndex!, hideDialog);\n                        },\n                    },\n                    {\n                        type: \"primary\",\n                        title: t(\"common.save\"),\n                        onPress() {\n                            onSubmit(\n                                {\n                                    name,\n                                    url,\n                                },\n                                hideDialog,\n                                editingIndex,\n                            );\n                        },\n                    },\n                ]}\n            />\n        </Dialog>\n    );\n}\n\nconst style = StyleSheet.create({\n    dialogContent: {\n        paddingHorizontal: rpx(24),\n        paddingVertical: rpx(16),\n        borderRadius: rpx(12),\n    },\n    inputSection: {\n        marginBottom: rpx(24),\n    },\n    labelContainer: {\n        marginBottom: rpx(8),\n    },\n    label: {\n        fontSize: rpx(28),\n        fontWeight: \"500\",\n        opacity: 0.9,\n    },\n    inputContainer: {\n        borderWidth: rpx(2),\n        borderRadius: rpx(8),\n        paddingHorizontal: rpx(16),\n        paddingVertical: rpx(4),\n        minHeight: rpx(72),\n        justifyContent: \"center\",\n        shadowOffset: {\n            width: 0,\n            height: rpx(2),\n        },\n        shadowOpacity: 0.1,\n        shadowRadius: rpx(4),\n        elevation: 2,\n    },\n    textInput: {\n        fontSize: rpx(28),\n        includeFontPadding: false,\n        paddingVertical: rpx(12),\n        borderWidth: 0,\n        backgroundColor: \"transparent\",\n    },\n    headerWrapper: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        height: rpx(92),\n    },\n});\n"
  },
  {
    "path": "src/components/dialogs/index.tsx",
    "content": "import React from \"react\";\nimport components from \"./components\";\nimport { dialogInfoStore } from \"./useDialog\";\n\nexport default function () {\n    const dialogInfoState = dialogInfoStore.useValue();\n\n    const Component = dialogInfoState.name\n        ? components[dialogInfoState.name]\n        : null;\n\n    return (\n        Component ? (\n            <Component {...(dialogInfoState.payload ?? {})} />\n        ) : null\n    );\n}\n"
  },
  {
    "path": "src/components/dialogs/useDialog.ts",
    "content": "import { GlobalState } from \"@/utils/stateMapper\";\nimport { useCallback } from \"react\";\nimport { IDialogKey, IDialogType } from \"./components\";\n\ninterface IDialogInfo {\n    name: IDialogKey | null;\n    payload: any;\n}\n\nexport const dialogInfoStore = new GlobalState<IDialogInfo>({\n    name: null,\n    payload: null,\n});\n\nexport function showDialog<T extends keyof IDialogType>(\n    name: T,\n    payload?: Parameters<IDialogType[T]>[0],\n) {\n    dialogInfoStore.setValue({\n        name,\n        payload,\n    });\n}\n\nexport function hideDialog() {\n    dialogInfoStore.setValue({\n        name: null,\n        payload: null,\n    });\n}\n\nexport default function useDialog() {\n    const showDialog = useCallback(\n        <T extends keyof IDialogType>(\n            name: T,\n            payload?: Parameters<IDialogType[T]>[0],\n        ) => {\n            dialogInfoStore.setValue({\n                name,\n                payload,\n            });\n        },\n        [],\n    );\n\n    const hideDialog = useCallback(() => {\n        dialogInfoStore.setValue({\n            name: null,\n            payload: null,\n        });\n    }, []);\n\n    return { showDialog, hideDialog };\n}\n\nexport function getCurrentDialog() {\n    return dialogInfoStore.getValue();\n}\n"
  },
  {
    "path": "src/components/errorBoundary/index.tsx",
    "content": "import React, { Component, ReactNode, useEffect, useState } from \"react\";\nimport { View, Text, StyleSheet, ScrollView, Image, Platform } from \"react-native\";\nimport DeviceInfo from \"react-native-device-info\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\nimport LinkText from \"@/components/base/linkText\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport ThemeText from \"@/components/base/themeText\";\n\ninterface DeviceInfoProps {\n    colors: any;\n}\n\nfunction DeviceInfoSection({ colors }: DeviceInfoProps) {\n    const [deviceInfo, setDeviceInfo] = useState({\n        appVersion: \"获取中...\",\n        buildNumber: \"获取中...\",\n        systemName: Platform.OS,\n        systemVersion: \"获取中...\",\n        deviceModel: \"获取中...\",\n        deviceBrand: \"获取中...\",\n    });\n\n    useEffect(() => {\n        const getDeviceInfo = async () => {\n            try {\n                const [\n                    appVersion,\n                    buildNumber,\n                    systemVersion,\n                    deviceModel,\n                    brand,\n                ] = await Promise.all([\n                    DeviceInfo.getVersion(),\n                    DeviceInfo.getBuildNumber(),\n                    DeviceInfo.getSystemVersion(),\n                    DeviceInfo.getModel(),\n                    DeviceInfo.getBrand(),\n                ]);\n\n                setDeviceInfo({\n                    appVersion,\n                    buildNumber,\n                    systemName: Platform.OS,\n                    systemVersion,\n                    deviceModel,\n                    deviceBrand: brand,\n                });\n            } catch (error) {\n                console.warn(\"获取设备信息失败:\", error);\n            }\n        };\n\n        getDeviceInfo();\n    }, []);    const systemDisplayName = Platform.OS === \"ios\" ? \"iOS\" : \"Android\";\n\n    return (\n        <View style={[styles.deviceInfoBox, { backgroundColor: colors.card, borderColor: colors.divider }]}>\n            <ThemeText \n                fontSize=\"subTitle\" \n                fontWeight=\"bold\" \n                style={[styles.deviceInfoTitle, { color: colors.text }]}\n            >\n                📱 设备信息\n            </ThemeText>\n            <View style={styles.deviceInfoList}>\n                <View style={styles.deviceInfoRow}>\n                    <Text style={[styles.deviceInfoLabel, { color: colors.textSecondary }]}>应用版本:</Text>\n                    <Text style={[styles.deviceInfoValue, { color: colors.text }]}>{deviceInfo.appVersion} ({deviceInfo.buildNumber})</Text>\n                </View>\n                <View style={styles.deviceInfoRow}>\n                    <Text style={[styles.deviceInfoLabel, { color: colors.textSecondary }]}>系统版本:</Text>\n                    <Text style={[styles.deviceInfoValue, { color: colors.text }]}>{systemDisplayName} {deviceInfo.systemVersion}</Text>\n                </View>\n                <View style={styles.deviceInfoRow}>\n                    <Text style={[styles.deviceInfoLabel, { color: colors.textSecondary }]}>设备型号:</Text>\n                    <Text style={[styles.deviceInfoValue, { color: colors.text }]}>{deviceInfo.deviceBrand} {deviceInfo.deviceModel}</Text>\n                </View>\n            </View>\n        </View>\n    );\n}\n\ninterface ErrorBoundaryProps {\n    children: ReactNode;\n}\n\ninterface ErrorBoundaryState {\n    hasError: boolean;\n    error: Error | null;\n    errorInfo: any;\n}\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    constructor(props: ErrorBoundaryProps) {\n        super(props);\n        this.state = {\n            hasError: false,\n            error: null,\n            errorInfo: null,\n        };\n    }\n\n    static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n        return {\n            hasError: true,\n            error,\n        };\n    }\n\n    componentDidCatch(error: Error, errorInfo: any) {\n        this.setState({\n            error,\n            errorInfo,\n        });\n        \n        // 这里可以添加错误日志上报\n        console.error(\"ErrorBoundary caught an error:\", error, errorInfo);\n    }\n\n    render() {\n        if (this.state.hasError) {\n            return <ErrorFallback error={this.state.error} errorInfo={this.state.errorInfo} />;\n        }\n\n        return this.props.children;\n    }\n}\n\ninterface ErrorFallbackProps {\n    error: Error | null;\n    errorInfo: any;\n}\n\nfunction ErrorFallback({ error, errorInfo }: ErrorFallbackProps) {\n    const colors = useColors();\n\n    return (\n        <View style={[styles.container, { backgroundColor: colors.background }]}>\n            <ScrollView \n                style={styles.scrollView}\n                contentContainerStyle={styles.scrollContent}\n                showsVerticalScrollIndicator={false}\n            >\n                {/* 错误标题 */}\n                <View style={styles.header}>\n                    <ThemeText \n                        fontSize=\"title\" \n                        fontWeight=\"bold\" \n                        style={[styles.title, { color: colors.text }]}\n                    >\n                        🙈 哎呀，程序崩了...\n                    </ThemeText>\n                </View>\n\n                {/* 设备信息 */}\n                <DeviceInfoSection colors={colors} />\n\n                {/* 错误详情 */}\n                <View style={[styles.errorBox, { backgroundColor: colors.card, borderColor: colors.divider }]}>\n                    <ThemeText \n                        fontSize=\"subTitle\" \n                        fontWeight=\"bold\" \n                        style={[styles.errorTitle, { color: colors.text }]}\n                    >\n                        🐛 错误详情\n                    </ThemeText>\n                    <Text style={[styles.errorText, { color: colors.textSecondary }]}>\n                        {error?.message || \"未知错误\"}\n                    </Text>\n                    {error?.stack && (\n                        <ScrollView \n                            style={styles.stackContainer}\n                            showsVerticalScrollIndicator={true}\n                            nestedScrollEnabled={true}\n                        >\n                            <Text style={[styles.stackText, { color: colors.textSecondary }]}>\n                                {error.stack}\n                            </Text>\n                        </ScrollView>\n                    )}\n                </View>\n\n                {/* 组件堆栈信息 */}\n                {errorInfo?.componentStack && (\n                    <View style={[styles.errorBox, { backgroundColor: colors.card, borderColor: colors.divider }]}>\n                        <ThemeText \n                            fontSize=\"subTitle\" \n                            fontWeight=\"bold\" \n                            style={[styles.errorTitle, { color: colors.text }]}\n                        >\n                            📍 组件堆栈\n                        </ThemeText>\n                        <ScrollView \n                            style={styles.stackContainer}\n                            showsVerticalScrollIndicator={true}\n                            nestedScrollEnabled={true}\n                        >\n                            <Text style={[styles.stackText, { color: colors.textSecondary }]}>\n                                {errorInfo.componentStack}\n                            </Text>\n                        </ScrollView>\n                    </View>\n                )}\n\n                {/* 反馈建议 */}\n                <View style={styles.feedbackSection}>\n                    <ThemeText \n                        fontSize=\"subTitle\" \n                        fontWeight=\"bold\" \n                        style={[styles.feedbackTitle, { color: colors.text }]}\n                    >\n                        💌 请帮忙反馈一下这个问题吧\n                    </ThemeText>\n                    \n                    <View style={styles.feedbackOptions}>\n                        {/* GitHub Issue */}\n                        <View style={[styles.feedbackItem, { backgroundColor: colors.card, borderColor: colors.divider }]}>\n                            <ThemeText \n                                fontSize=\"content\" \n                                fontWeight=\"medium\"\n                                style={[styles.feedbackLabel, { color: colors.text }]}\n                            >\n                                📝 GitHub Issues (推荐):\n                            </ThemeText>\n                            <LinkText \n                                fontSize=\"content\"\n                                linkTo=\"https://github.com/maotoumao/MusicFree/issues\"\n                                style={styles.link}\n                            >\n                                https://github.com/maotoumao/MusicFree/issues\n                            </LinkText>\n                            <ThemeText \n                                fontSize=\"description\" \n                                style={[styles.feedbackHint, { color: colors.textSecondary }]}\n                            >\n                                点击链接或复制粘贴到浏览器打开\n                            </ThemeText>\n                        </View>\n\n                        {/* 微信公众号 */}\n                        <View style={[styles.feedbackItem, { backgroundColor: colors.card, borderColor: colors.divider }]}>\n                            <ThemeText \n                                fontSize=\"content\" \n                                fontWeight=\"medium\"\n                                style={[styles.feedbackLabel, { color: colors.text }]}\n                            >\n                                💬 微信公众号【一只猫头猫】:\n                            </ThemeText>\n                            <View style={styles.qrCodeContainer}>\n                                <Image \n                                    source={ImgAsset.wechatChannel} \n                                    style={styles.qrCode}\n                                    resizeMode=\"contain\"\n                                />\n                                <ThemeText \n                                    fontSize=\"description\" \n                                    style={[styles.qrCodeHint, { color: colors.textSecondary }]}\n                                >\n                                    扫描二维码关注公众号反馈\n                                </ThemeText>\n                            </View>\n                        </View>\n                    </View>\n                </View>\n            </ScrollView>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n    },\n    scrollView: {\n        flex: 1,\n    },\n    scrollContent: {\n        padding: rpx(32),\n        paddingBottom: rpx(60),\n    },\n    header: {\n        alignItems: \"center\",\n        marginBottom: rpx(48),\n        paddingTop: rpx(40),\n    },\n    title: {\n        textAlign: \"center\",\n        marginBottom: rpx(16),\n    },\n    subtitle: {\n        textAlign: \"center\",\n        lineHeight: rpx(40),\n    },\n    deviceInfoBox: {\n        borderRadius: rpx(16),\n        borderWidth: rpx(2),\n        padding: rpx(24),\n        marginBottom: rpx(24),\n    },\n    deviceInfoTitle: {\n        marginBottom: rpx(16),\n    },\n    deviceInfoList: {\n        gap: rpx(12),\n    },\n    deviceInfoRow: {\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n    },\n    deviceInfoLabel: {\n        fontSize: rpx(28),\n        flex: 1,\n    },\n    deviceInfoValue: {\n        fontSize: rpx(28),\n        flex: 2,\n        textAlign: \"right\",\n        fontWeight: \"500\",\n    },\n    errorBox: {\n        borderRadius: rpx(16),\n        borderWidth: rpx(2),\n        padding: rpx(24),\n        marginBottom: rpx(24),\n    },\n    errorTitle: {\n        marginBottom: rpx(16),\n    },\n    errorText: {\n        lineHeight: rpx(36),\n        marginBottom: rpx(16),\n    },\n    stackContainer: {\n        maxHeight: rpx(300),\n        borderRadius: rpx(8),\n        backgroundColor: \"rgba(0, 0, 0, 0.05)\",\n        padding: rpx(16),\n    },\n    stackText: {\n        fontSize: rpx(24),\n        fontFamily: \"monospace\",\n        lineHeight: rpx(32),\n    },\n    feedbackSection: {\n        marginBottom: rpx(48),\n    },\n    feedbackTitle: {\n        marginBottom: rpx(24),\n        textAlign: \"center\",\n    },\n    feedbackOptions: {\n        gap: rpx(24),\n    },\n    feedbackItem: {\n        borderRadius: rpx(16),\n        borderWidth: rpx(2),\n        padding: rpx(24),\n    },\n    feedbackLabel: {\n        marginBottom: rpx(16),\n    },\n    feedbackHint: {\n        marginTop: rpx(12),\n        fontStyle: \"italic\",\n    },\n    link: {\n        lineHeight: rpx(36),\n    },\n    qrCodeContainer: {\n        alignItems: \"center\",\n        gap: rpx(16),\n    },\n    qrCode: {\n        width: rpx(300),\n        height: rpx(300),\n        borderRadius: rpx(12),\n    },\n    qrCodeHint: {\n        textAlign: \"center\",\n    },\n    bottomTip: {\n        alignItems: \"center\",\n        paddingVertical: rpx(24),\n    },\n    tipText: {\n        textAlign: \"center\",\n        fontStyle: \"italic\",\n    },\n});\n\nexport default ErrorBoundary;\n"
  },
  {
    "path": "src/components/mediaItem/LyricItem.tsx",
    "content": "import React from \"react\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport TitleAndTag from \"./titleAndTag\";\r\n\r\ninterface IAlbumResultsProps {\r\n    lyricItem: ILyric.ILyricItem;\r\n    onPress?: (musicItem: ILyric.ILyricItem) => void;\r\n}\r\nexport default function LyricItem(props: IAlbumResultsProps) {\r\n    const { lyricItem, onPress } = props;\r\n\r\n    return (\r\n        <ListItem\r\n            heightType=\"big\"\r\n            withHorizontalPadding\r\n            onPress={() => {\r\n                onPress?.(lyricItem);\r\n            }}>\r\n            <ListItem.ListItemImage\r\n                uri={lyricItem.artwork}\r\n                fallbackImg={ImgAsset.albumDefault}\r\n            />\r\n            <ListItem.Content\r\n                description={lyricItem.artist ?? \"\"}\r\n                title={\r\n                    <TitleAndTag\r\n                        title={lyricItem.title}\r\n                        tag={lyricItem.platform}\r\n                    />\r\n                }\r\n            />\r\n        </ListItem>\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/components/mediaItem/albumItem.tsx",
    "content": "import React from \"react\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport TitleAndTag from \"./titleAndTag\";\r\n\r\ninterface IAlbumResultsProps {\r\n    albumItem: IAlbum.IAlbumItem;\r\n}\r\n\r\nexport default function AlbumItem(props: IAlbumResultsProps) {\r\n    const { albumItem } = props;\r\n    const navigate = useNavigate();\r\n\r\n    return (\r\n        <ListItem\r\n            withHorizontalPadding\r\n            heightType=\"big\"\r\n            onPress={() => {\r\n                navigate(ROUTE_PATH.ALBUM_DETAIL, {\r\n                    albumItem,\r\n                });\r\n            }}>\r\n            <ListItem.ListItemImage\r\n                uri={albumItem.artwork}\r\n                fallbackImg={ImgAsset.albumDefault}\r\n            />\r\n            <ListItem.Content\r\n                title={\r\n                    <TitleAndTag\r\n                        title={albumItem.title}\r\n                        tag={albumItem.platform}\r\n                    />\r\n                }\r\n                description={`${albumItem.artist ?? \"\"}    ${\r\n                    albumItem.date ?? \"\"\r\n                }`}\r\n            />\r\n        </ListItem>\r\n        // <ListItem\r\n        //     left={{\r\n        //         artwork: albumItem.artwork,\r\n        //         fallback: ImgAsset.albumDefault,\r\n        //     }}\r\n        //     title={albumItem.title}\r\n        //     desc={`${albumItem.artist ?? ''}    ${albumItem.date ?? ''}`}\r\n        //     tag={albumItem.platform}\r\n        //     onPress={() => {\r\n        //         navigate(ROUTE_PATH.ALBUM_DETAIL, {\r\n        //             albumItem,\r\n        //         });\r\n        //     }}\r\n        // />\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/components/mediaItem/musicItem.tsx",
    "content": "import React from \"react\";\r\nimport { StyleProp, StyleSheet, View, ViewStyle } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport ListItem from \"../base/listItem\";\r\n\r\nimport LocalMusicSheet from \"@/core/localMusicSheet\";\r\nimport { showPanel } from \"../panels/usePanel\";\r\nimport TitleAndTag from \"./titleAndTag\";\r\nimport ThemeText from \"../base/themeText\";\r\nimport TrackPlayer from \"@/core/trackPlayer\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\n\r\ninterface IMusicItemProps {\r\n    index?: string | number;\r\n    showMoreIcon?: boolean;\r\n    musicItem: IMusic.IMusicItem;\r\n    musicSheet?: IMusic.IMusicSheetItem;\r\n    onItemPress?: (musicItem: IMusic.IMusicItem) => void;\r\n    onItemLongPress?: () => void;\r\n    itemPaddingRight?: number;\r\n    left?: () => JSX.Element;\r\n    containerStyle?: StyleProp<ViewStyle>;\r\n    highlight?: boolean\r\n}\r\nexport default function MusicItem(props: IMusicItemProps) {\r\n    const {\r\n        musicItem,\r\n        index,\r\n        onItemPress,\r\n        onItemLongPress,\r\n        musicSheet,\r\n        itemPaddingRight,\r\n        showMoreIcon = true,\r\n        left: Left,\r\n        containerStyle,\r\n        highlight = false,\r\n    } = props;\r\n\r\n    return (\r\n        <ListItem\r\n            heightType=\"big\"\r\n            style={containerStyle}\r\n            withHorizontalPadding\r\n            leftPadding={index !== undefined ? 0 : undefined}\r\n            rightPadding={itemPaddingRight}\r\n            onLongPress={onItemLongPress}\r\n            onPress={() => {\r\n                if (onItemPress) {\r\n                    onItemPress(musicItem);\r\n                } else {\r\n                    TrackPlayer.play(musicItem);\r\n                }\r\n            }}>\r\n            {Left ? <Left /> : null}\r\n            {index !== undefined ? (\r\n                <ListItem.ListItemText\r\n                    width={rpx(82)}\r\n                    position=\"none\"\r\n                    fixedWidth\r\n                    fontColor={highlight ? \"primary\" : \"text\"}\r\n                    contentStyle={styles.indexText}>\r\n                    {index}\r\n                </ListItem.ListItemText>\r\n            ) : null}\r\n            <ListItem.Content\r\n                title={\r\n                    <TitleAndTag\r\n                        title={musicItem.title}\r\n                        titleFontColor={highlight ? \"primary\": \"text\"}\r\n                        tag={musicItem.platform}\r\n                    />\r\n                }\r\n                description={\r\n                    <View style={styles.descContainer}>\r\n                        {LocalMusicSheet.isLocalMusic(musicItem) && (\r\n                            <Icon\r\n                                style={styles.icon}\r\n                                color=\"#11659a\"\r\n                                name=\"check-circle\"\r\n                                size={rpx(22)}\r\n                            />\r\n                        )}\r\n                        <ThemeText\r\n                            numberOfLines={1}\r\n                            fontSize=\"description\"\r\n                            fontColor={highlight ? \"primary\" : \"textSecondary\"}>\r\n                            {musicItem.artist}\r\n                            {musicItem.album ? ` - ${musicItem.album}` : \"\"}\r\n                        </ThemeText>\r\n                    </View>\r\n                }\r\n            />\r\n            {showMoreIcon ? (\r\n                <ListItem.ListItemIcon\r\n                    width={rpx(48)}\r\n                    position=\"none\"\r\n                    icon=\"ellipsis-vertical\"\r\n                    onPress={() => {\r\n                        showPanel(\"MusicItemOptions\", {\r\n                            musicItem,\r\n                            musicSheet,\r\n                        });\r\n                    }}\r\n                />\r\n            ) : null}\r\n        </ListItem>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    icon: {\r\n        marginRight: rpx(6),\r\n    },\r\n    descContainer: {\r\n        flexDirection: \"row\",\r\n        marginTop: rpx(16),\r\n    },\r\n\r\n    indexText: {\r\n        fontStyle: \"italic\",\r\n        textAlign: \"center\",\r\n        padding: rpx(2),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/mediaItem/sheetItem.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\nimport ImageBtn from \"../base/imageBtn\";\n\ninterface ISheetItemProps {\n    pluginHash: string;\n    sheetInfo: IMusic.IMusicSheetItemBase;\n}\n\nconst marginBottom = rpx(16);\n\nexport default function SheetItem(props: ISheetItemProps) {\n    const { sheetInfo, pluginHash } = props ?? {};\n    const navigate = useNavigate();\n    return (\n        <View style={style.imageWrapper}>\n            <ImageBtn\n                style={{\n                    marginBottom,\n                }}\n                uri={sheetInfo?.artwork ?? sheetInfo?.coverImg}\n                title={sheetInfo?.title}\n                onPress={() => {\n                    navigate(ROUTE_PATH.PLUGIN_SHEET_DETAIL, {\n                        pluginHash,\n                        sheetInfo,\n                    });\n                }}\n            />\n        </View>\n    );\n}\nconst style = StyleSheet.create({\n    imageWrapper: {\n        width: \"100%\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/components/mediaItem/titleAndTag.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport ThemeText from \"../base/themeText\";\nimport Tag from \"../base/tag\";\nimport { CustomizedColors } from \"@/hooks/useColors\";\n\ninterface ITitleAndTagProps {\n    title: string;\n    titleFontColor?: keyof CustomizedColors\n    tag?: string;\n}\nexport default function TitleAndTag(props: ITitleAndTagProps) {\n    const { title, tag, titleFontColor } = props;\n    return (\n        <View style={styles.container}>\n            <ThemeText fontColor={titleFontColor} numberOfLines={1} style={styles.title}>\n                {title}\n            </ThemeText>\n            {tag ? <Tag tagName={tag} /> : null}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    title: {\n        flex: 1,\n    },\n});\n"
  },
  {
    "path": "src/components/mediaItem/topListItem.tsx",
    "content": "import React from \"react\";\r\n// import {ROUTE_PATH, useNavigate} from '@/entry/router';\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\n\r\ninterface ITopListResultsProps {\r\n    pluginHash: string;\r\n    topListItem: IMusic.IMusicSheetItemBase;\r\n}\r\n\r\nexport default function TopListItem(props: ITopListResultsProps) {\r\n    const { pluginHash, topListItem } = props;\r\n    const navigate = useNavigate();\r\n\r\n    return (\r\n        <ListItem\r\n            withHorizontalPadding\r\n            onPress={() => {\r\n                navigate(ROUTE_PATH.TOP_LIST_DETAIL, {\r\n                    pluginHash: pluginHash,\r\n                    topList: topListItem,\r\n                });\r\n            }}>\r\n            <ListItem.ListItemImage\r\n                uri={topListItem?.coverImg}\r\n                fallbackImg={ImgAsset.albumDefault}\r\n            />\r\n            <ListItem.Content\r\n                title={topListItem.title}\r\n                description={`${topListItem.description ?? \"\"}`}\r\n            />\r\n        </ListItem>\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/components/musicBar/index.tsx",
    "content": "import React, { memo, useEffect, useState } from \"react\";\r\nimport { Keyboard, StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport { CircularProgressBase } from \"react-native-circular-progress-indicator\";\r\n\r\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\r\nimport { showPanel } from \"../panels/usePanel\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport IconButton from \"../base/iconButton\";\r\nimport TrackPlayer, { useCurrentMusic, useMusicState, useProgress } from \"@/core/trackPlayer\";\r\nimport { musicIsPaused } from \"@/utils/trackUtils\";\r\nimport MusicInfo from \"./musicInfo\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\n\r\nfunction CircularPlayBtn() {\r\n    const progress = useProgress();\r\n    const musicState = useMusicState();\r\n    const colors = useColors();\r\n\r\n    const isPaused = musicIsPaused(musicState);\r\n\r\n    return (\r\n        <CircularProgressBase\r\n            activeStrokeWidth={rpx(4)}\r\n            inActiveStrokeWidth={rpx(2)}\r\n            inActiveStrokeOpacity={0.2}\r\n            value={\r\n                progress?.duration\r\n                    ? (100 * progress.position) / progress.duration\r\n                    : 0\r\n            }\r\n            duration={100}\r\n            radius={rpx(36)}\r\n            activeStrokeColor={colors.musicBarText}\r\n            inActiveStrokeColor={colors.textSecondary}>\r\n            <IconButton\r\n                accessibilityLabel={\"播放或暂停歌曲\"}\r\n                name={isPaused ? \"play\" : \"pause\"}\r\n                sizeType={\"normal\"}\r\n                hitSlop={{\r\n                    top: 10,\r\n                    left: 10,\r\n                    right: 10,\r\n                    bottom: 10,\r\n                }}\r\n                color={colors.musicBarText}\r\n                onPress={async () => {\r\n                    if (isPaused) {\r\n                        await TrackPlayer.play();\r\n                    } else {\r\n                        await TrackPlayer.pause();\r\n                    }\r\n                }}\r\n            />\r\n        </CircularProgressBase>\r\n    );\r\n}\r\nfunction MusicBar() {\r\n    const musicItem = useCurrentMusic();\r\n\r\n    const [showKeyboard, setKeyboardStatus] = useState(false);\r\n\r\n    const colors = useColors();\r\n    const safeAreaInsets = useSafeAreaInsets();\r\n\r\n    useEffect(() => {\r\n        const showSubscription = Keyboard.addListener(\"keyboardDidShow\", () => {\r\n            setKeyboardStatus(true);\r\n        });\r\n        const hideSubscription = Keyboard.addListener(\"keyboardDidHide\", () => {\r\n            setKeyboardStatus(false);\r\n        });\r\n\r\n        return () => {\r\n            showSubscription.remove();\r\n            hideSubscription.remove();\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <>\r\n            {musicItem && !showKeyboard && (\r\n                <View\r\n                    style={[\r\n                        style.wrapper,\r\n                        {\r\n                            backgroundColor: colors.musicBar,\r\n                            paddingRight: safeAreaInsets.right + rpx(24),\r\n                        },\r\n                    ]}\r\n                    accessible\r\n                    accessibilityLabel={`歌曲: ${musicItem.title} 歌手: ${musicItem.artist}`}\r\n                    // onPress={() => {\r\n                    //     navigate(ROUTE_PATH.MUSIC_DETAIL);\r\n                    // }}\r\n                >\r\n                    <MusicInfo musicItem={musicItem} />\r\n                    <View style={style.actionGroup}>\r\n                        <CircularPlayBtn />\r\n                        <Icon\r\n                            accessible\r\n                            accessibilityLabel=\"播放列表\"\r\n                            name=\"playlist\"\r\n                            size={rpx(56)}\r\n                            onPress={() => {\r\n                                showPanel(\"PlayList\");\r\n                            }}\r\n                            color={colors.musicBarText}\r\n                            style={[style.actionIcon]}\r\n                        />\r\n                    </View>\r\n                </View>\r\n            )}\r\n        </>\r\n    );\r\n}\r\n\r\nexport default memo(MusicBar, () => true);\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: \"100%\",\r\n        height: rpx(132),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        paddingRight: rpx(24),\r\n    },\r\n    actionGroup: {\r\n        width: rpx(200),\r\n        justifyContent: \"flex-end\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n    actionIcon: {\r\n        marginLeft: rpx(36),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/musicBar/musicInfo.tsx",
    "content": "import React, { memo, useLayoutEffect, useMemo } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport FastImage from \"../base/fastImage\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport Color from \"color\";\nimport ThemeText from \"../base/themeText\";\nimport useColors from \"@/hooks/useColors\";\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\nimport { Gesture, GestureDetector } from \"react-native-gesture-handler\";\nimport TrackPlayer, { usePlayList } from \"@/core/trackPlayer\";\nimport Animated, {\n    SharedValue,\n    runOnJS,\n    useAnimatedStyle,\n    useSharedValue,\n    withTiming,\n} from \"react-native-reanimated\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { timingConfig } from \"@/constants/commonConst\";\n\ninterface IBarMusicItemProps {\n    musicItem: IMusic.IMusicItem | null;\n    activeIndex: number; // 当前展示的是0/1/2\n    transformSharedValue: SharedValue<number>;\n}\nfunction _BarMusicItem(props: IBarMusicItemProps) {\n    const { musicItem, activeIndex, transformSharedValue } = props;\n    const colors = useColors();\n    const safeAreaInsets = useSafeAreaInsets();\n\n    const animatedStyles = useAnimatedStyle(() => {\n        return {\n            left: `${(transformSharedValue.value + activeIndex) * 100}%`,\n        };\n    }, [activeIndex]);\n\n    if (!musicItem) {\n        return null;\n    }\n\n    return (\n        <Animated.View\n            style={[\n                styles.container,\n                {\n                    paddingLeft: rpx(24) + safeAreaInsets.left,\n                },\n                animatedStyles,\n            ]}>\n            <FastImage\n                style={styles.artworkImg}\n                source={musicItem.artwork}\n                placeholderSource={ImgAsset.albumDefault}\n            />\n            <Text\n                ellipsizeMode=\"tail\"\n                accessible={false}\n                style={styles.textWrapper}\n                numberOfLines={1}>\n                <ThemeText fontSize=\"content\" fontColor=\"musicBarText\">\n                    {musicItem?.title}\n                </ThemeText>\n                {musicItem?.artist && (\n                    <ThemeText\n                        fontSize=\"description\"\n                        color={Color(colors.musicBarText)\n                            .alpha(0.6)\n                            .toString()}>\n                        {\" \"}\n                        -{musicItem.artist}\n                    </ThemeText>\n                )}\n            </Text>\n        </Animated.View>\n    );\n}\n\nconst BarMusicItem = memo(\n    _BarMusicItem,\n    (prev, curr) =>\n        prev.musicItem === curr.musicItem &&\n        prev.activeIndex === curr.activeIndex,\n);\n\nconst styles = StyleSheet.create({\n    container: {\n        flexDirection: \"row\",\n        width: \"100%\",\n        alignItems: \"center\",\n        position: \"absolute\",\n    },\n    textWrapper: {\n        flexGrow: 1,\n        flexShrink: 1,\n    },\n    artworkImg: {\n        width: rpx(96),\n        height: rpx(96),\n        borderRadius: rpx(48),\n        marginRight: rpx(24),\n    },\n});\n\ninterface IMusicInfoProps {\n    musicItem: IMusic.IMusicItem | null;\n    paddingLeft?: number;\n}\n\nfunction skipMusicItem(direction: number) {\n    if (direction === -1) {\n        TrackPlayer.skipToNext();\n    } else if (direction === 1) {\n        TrackPlayer.skipToPrevious();\n    }\n}\n\nexport default function MusicInfo(props: IMusicInfoProps) {\n    const { musicItem } = props;\n    const navigate = useNavigate();\n    const playLists = usePlayList();\n    const siblingMusicItems = useMemo(() => {\n        if (!musicItem) {\n            return {\n                prev: null,\n                next: null,\n            };\n        }\n        return {\n            prev: TrackPlayer.previousMusic,\n            next: TrackPlayer.nextMusic,\n        };\n    }, [musicItem, playLists]);\n\n    // +- 1\n    const transformSharedValue = useSharedValue(0);\n\n    const musicItemWidthValue = useSharedValue(0);\n\n    const tapGesture = Gesture.Tap()\n        .onStart(() => {\n            navigate(ROUTE_PATH.MUSIC_DETAIL);\n        })\n        .runOnJS(true);\n\n    useLayoutEffect(() => {\n        transformSharedValue.value = 0;\n    }, [musicItem]);\n\n    const panGesture = Gesture.Pan()\n        .minPointers(1)\n        .maxPointers(1)\n        .onUpdate(e => {\n            if (musicItemWidthValue.value) {\n                transformSharedValue.value =\n                    e.translationX / musicItemWidthValue.value;\n            }\n        })\n        .onEnd((e, success) => {\n            if (!success) {\n                // 还原到原始位置\n                transformSharedValue.value = withTiming(\n                    0,\n                    timingConfig.animationFast,\n                );\n            } else {\n                // fling\n                const deltaX = e.translationX;\n                const vX = e.velocityX;\n\n                let skip = 0;\n                if (musicItemWidthValue.value) {\n                    const rate = deltaX / musicItemWidthValue.value;\n\n                    if (Math.abs(rate) > 0.3) {\n                        // 先判断距离\n                        skip = vX > 0 ? 1 : -1;\n                        transformSharedValue.value = withTiming(\n                            skip,\n                            timingConfig.animationFast,\n                            () => {\n                                runOnJS(skipMusicItem)(skip);\n                            },\n                        );\n                    } else if (Math.abs(vX) > 1500) {\n                        // 再判断速度\n                        skip = vX > 0 ? 1 : -1;\n                        transformSharedValue.value = skip;\n                        runOnJS(skipMusicItem)(skip);\n                    } else {\n                        transformSharedValue.value = withTiming(\n                            0,\n                            timingConfig.animationFast,\n                        );\n                    }\n                } else {\n                    transformSharedValue.value = 0;\n                }\n            }\n        });\n\n    const gesture = Gesture.Race(panGesture, tapGesture);\n\n    return (\n        <GestureDetector gesture={gesture}>\n            <View\n                style={musicInfoStyles.infoContainer}\n                onLayout={e => {\n                    musicItemWidthValue.value = e.nativeEvent.layout.width;\n                }}>\n                <BarMusicItem\n                    transformSharedValue={transformSharedValue}\n                    musicItem={siblingMusicItems.prev}\n                    activeIndex={-1}\n                />\n                <BarMusicItem\n                    transformSharedValue={transformSharedValue}\n                    musicItem={musicItem}\n                    activeIndex={0}\n                />\n                <BarMusicItem\n                    transformSharedValue={transformSharedValue}\n                    musicItem={siblingMusicItems.next}\n                    activeIndex={1}\n                />\n            </View>\n        </GestureDetector>\n    );\n}\n\nconst musicInfoStyles = StyleSheet.create({\n    infoContainer: {\n        flex: 1,\n        height: \"100%\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n        overflow: \"hidden\",\n    },\n});\n"
  },
  {
    "path": "src/components/musicList/index.tsx",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport TrackPlayer from \"@/core/trackPlayer\";\nimport rpx from \"@/utils/rpx\";\nimport { FlashList } from \"@shopify/flash-list\";\nimport React, { useRef, useCallback, useState, useEffect } from \"react\";\nimport { FlatListProps, Pressable, StyleSheet, View } from \"react-native\";\nimport ListEmpty from \"../base/listEmpty\";\nimport ListFooter from \"../base/listFooter\";\nimport MusicItem from \"../mediaItem/musicItem\";\nimport { isSameMediaItem } from \"@/utils/mediaUtils\";\nimport Icon from \"../base/icon\";\nimport { iconSizeConst } from \"@/constants/uiConst\";\nimport useColors from \"@/hooks/useColors\";\n\ninterface IMusicListProps {\n    /** 顶部 */\n    Header?: FlatListProps<IMusic.IMusicItem>[\"ListHeaderComponent\"];\n    /** 音乐列表 */\n    musicList?: IMusic.IMusicItem[];\n    /** 所在歌单 */\n    musicSheet?: IMusic.IMusicSheetItem;\n    /** 是否展示序号 */\n    showIndex?: boolean;\n    /** 点击 */\n    onItemPress?: (\n        musicItem: IMusic.IMusicItem,\n        musicList?: IMusic.IMusicItem[],\n    ) => void;\n    // 状态\n    state: RequestStateCode;\n    /** 高亮的音乐 */\n    highlightMusicItem?: IMusic.IMusicItem | null;\n    onRetry?: () => void;\n    onLoadMore?: () => void;\n}\nconst ITEM_HEIGHT = rpx(120);\n\n/** 音乐列表 */\nexport default function MusicList(props: IMusicListProps) {\n    const {\n        Header,\n        musicList,\n        musicSheet,\n        showIndex,\n        onItemPress,\n        state,\n        onRetry,\n        onLoadMore,\n        highlightMusicItem,\n    } = props;    \n    const colors = useColors();\n    const flashListRef = useRef<FlashList<IMusic.IMusicItem>>(null);\n    const [showBadge, setShowBadge] = useState(false);\n    const hideTimeoutRef = useRef<NodeJS.Timeout>();\n\n    // 查找高亮项的索引\n    const highlightIndex = React.useMemo(() => {\n        if (!highlightMusicItem || !musicList) return -1;\n        return musicList.findIndex(item => isSameMediaItem(item, highlightMusicItem));\n    }, [highlightMusicItem, musicList]);    \n    \n    // 处理滚动开始\n    const handleScrollBegin = useCallback(() => {\n        if (highlightIndex !== -1) {\n            if (hideTimeoutRef.current) {\n                clearTimeout(hideTimeoutRef.current);\n            }\n            setShowBadge(true);\n        }\n    }, [highlightIndex]);\n    \n    // 处理滚动结束\n    const handleScrollEnd = useCallback(() => {\n        if (hideTimeoutRef.current) {\n            clearTimeout(hideTimeoutRef.current);\n        }\n        // 5秒后直接隐藏\n        hideTimeoutRef.current = setTimeout(() => {\n            setShowBadge(false);\n        }, 5000);\n    }, []);    \n    \n    // 滚动到高亮项\n    const scrollToHighlight = useCallback(() => {\n        if (highlightIndex !== -1 && flashListRef.current) {\n            flashListRef.current.scrollToIndex({\n                index: highlightIndex,\n                animated: false,\n                viewPosition: 0,\n            });\n            // 立即隐藏角标\n            setShowBadge(false);\n            if (hideTimeoutRef.current) {\n                clearTimeout(hideTimeoutRef.current);\n            }\n        }\n    }, [highlightIndex]);    \n    \n    // 清理定时器\n    useEffect(() => {\n        return () => {\n            if (hideTimeoutRef.current) {\n                clearTimeout(hideTimeoutRef.current);\n            }\n        };\n    }, []);    \n    \n    return (\n        <View style={styles.container}>\n            <FlashList\n                ref={flashListRef}\n                ListHeaderComponent={Header}\n                ListEmptyComponent={<ListEmpty state={state} onRetry={onRetry} />}\n                ListFooterComponent={\n                    musicList?.length ? <ListFooter state={state} onRetry={onRetry} /> : null\n                }\n                extraData={highlightMusicItem}\n                data={musicList ?? []}\n                estimatedItemSize={ITEM_HEIGHT}\n                onScrollBeginDrag={handleScrollBegin}\n                onScrollEndDrag={handleScrollEnd}\n                onMomentumScrollEnd={handleScrollEnd}\n                renderItem={({ index, item: musicItem }) => {\n                    return (\n                        <MusicItem\n                            musicItem={musicItem}\n                            index={showIndex ? index + 1 : undefined}\n                            onItemPress={() => {\n                                if (onItemPress) {\n                                    onItemPress(musicItem, musicList);\n                                } else {\n                                    TrackPlayer.playWithReplacePlayList(\n                                        musicItem,\n                                        musicList ?? [musicItem],\n                                    );\n                                }\n                            }}\n                            musicSheet={musicSheet}\n                            highlight={isSameMediaItem(musicItem, highlightMusicItem)}\n                        />\n                    );\n                }}\n                onEndReached={() => {\n                    if (state === RequestStateCode.IDLE || state === RequestStateCode.PARTLY_DONE) {\n                        onLoadMore?.();\n                    }\n                }}\n                onEndReachedThreshold={0.1}\n            />              \n            {showBadge && (\n                <View style={styles.badge} pointerEvents=\"box-none\">\n                    <Pressable\n                        style={[styles.badgeButton, { backgroundColor: colors.notification }]}\n                        onPress={scrollToHighlight}\n                    >\n                        <Icon\n                            name=\"crosshair\"\n                            size={iconSizeConst.normal}\n                            color={colors.text}\n                        />\n                    </Pressable>\n                </View>\n            )}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n    },\n    badge: {\n        position: \"absolute\",\n        bottom: rpx(80),\n        right: rpx(84),\n        zIndex: 1000,\n    },\n    badgeButton: {\n        width: rpx(64),\n        height: rpx(64),\n        borderRadius: rpx(32),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        shadowColor: \"#000\",\n        shadowOffset: {\n            width: 0,\n            height: 2,\n        },\n        shadowOpacity: 0.25,\n        shadowRadius: 3.84,\n        elevation: 5,\n    },\n});\n"
  },
  {
    "path": "src/components/musicSheetPage/components/header.tsx",
    "content": "import React, { useState } from \"react\";\nimport { Pressable, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport FastImage from \"@/components/base/fastImage\";\nimport PlayAllBar from \"@/components/base/playAllBar\";\nimport useColors from \"@/hooks/useColors\";\n\ninterface IHeaderProps {\n    musicSheet: IMusic.IMusicSheetItem | null;\n    musicList: IMusic.IMusicItem[] | null;\n    canStar?: boolean;\n}\nexport default function Header(props: IHeaderProps) {\n    const { musicSheet, musicList, canStar } = props;\n    const colors = useColors();\n\n    const [maxLines, setMaxLines] = useState<number | undefined>(6);\n\n    const toggleShowMore = () => {\n        if (maxLines) {\n            setMaxLines(undefined);\n        } else {\n            setMaxLines(6);\n        }\n    };\n\n    return (\n        <View style={{ backgroundColor: colors.card }}>\n            <View style={style.wrapper}>\n                <View style={style.content}>\n                    <FastImage\n                        style={style.coverImg}\n                        source={musicSheet?.artwork ?? musicSheet?.coverImg}\n                        placeholderSource={ImgAsset.albumDefault}\n                    />\n                    <View style={style.details}>\n                        <ThemeText numberOfLines={3}>\n                            {musicSheet?.title}\n                        </ThemeText>\n                        <ThemeText\n                            fontColor=\"textSecondary\"\n                            fontSize=\"description\">\n                            共\n                            {musicSheet?.worksNum ??\n                                (musicList ? musicList.length ?? 0 : \"-\")}\n                            首{\" \"}\n                        </ThemeText>\n                    </View>\n                </View>\n                {musicSheet?.description ? (\n                    <Pressable onPress={toggleShowMore}>\n                        <View\n                            style={style.albumDesc}\n                            // onLayout={evt => {\n                            //     console.log(evt.nativeEvent.layout);\n                            // }}\n                        >\n                            <ThemeText\n                                fontColor=\"textSecondary\"\n                                fontSize=\"description\"\n                                numberOfLines={maxLines}>\n                                {musicSheet.description}\n                            </ThemeText>\n                        </View>\n                    </Pressable>\n                ) : null}\n            </View>\n            <PlayAllBar\n                canStar={canStar}\n                musicList={musicList}\n                musicSheet={musicSheet}\n            />\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        padding: rpx(24),\n        justifyContent: \"center\",\n        alignItems: \"flex-start\",\n    },\n    content: {\n        flex: 1,\n        flexDirection: \"row\",\n        justifyContent: \"flex-start\",\n        alignItems: \"center\",\n    },\n    coverImg: {\n        width: rpx(210),\n        height: rpx(210),\n        borderRadius: rpx(24),\n    },\n    details: {\n        flex: 1,\n        height: rpx(140),\n        paddingHorizontal: rpx(36),\n        justifyContent: \"space-between\",\n    },\n    divider: {\n        marginVertical: rpx(18),\n    },\n\n    albumDesc: {\n        width: \"100%\",\n        marginTop: rpx(28),\n    },\n});\n"
  },
  {
    "path": "src/components/musicSheetPage/components/navBar.tsx",
    "content": "import React from \"react\";\r\n\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport AppBar from \"@/components/base/appBar\";\r\n\r\ninterface INavBarProps {\r\n    navTitle: string;\r\n    musicList: IMusic.IMusicItem[] | null;\r\n}\r\n\r\nexport default function (props: INavBarProps) {\r\n    const navigate = useNavigate();\r\n    const { navTitle, musicList = [] } = props;\r\n\r\n    return (\r\n        <AppBar\r\n            actions={[\r\n                {\r\n                    icon: \"magnifying-glass\",\r\n                    onPress() {\r\n                        navigate(ROUTE_PATH.SEARCH_MUSIC_LIST, {\r\n                            musicList: musicList,\r\n                        });\r\n                    },\r\n                },\r\n            ]}\r\n            menu={[\r\n                {\r\n                    icon: \"pencil-square\",\r\n                    title: \"批量编辑\",\r\n                    onPress() {\r\n                        navigate(ROUTE_PATH.MUSIC_LIST_EDITOR, {\r\n                            musicList: musicList,\r\n                            musicSheet: {\r\n                                title: navTitle,\r\n                            },\r\n                        });\r\n                    },\r\n                },\r\n            ]}>\r\n            {navTitle}\r\n        </AppBar>\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/components/musicSheetPage/components/sheetMusicList.tsx",
    "content": "import React from \"react\";\nimport { View } from \"react-native\";\n\nimport Loading from \"@/components/base/loading\";\nimport Header from \"./header\";\nimport MusicList from \"@/components/musicList\";\nimport Config from \"@/core/appConfig\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport TrackPlayer from \"@/core/trackPlayer\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\n\ninterface IMusicListProps {\n    sheetInfo: IMusic.IMusicSheetItem | null;\n    musicList?: IMusic.IMusicItem[] | null;\n    // 是否可收藏\n    canStar?: boolean;\n    // 状态\n    state: RequestStateCode;\n    onRetry?: () => void;\n    onLoadMore?: () => void;\n}\nexport default function SheetMusicList(props: IMusicListProps) {\n    const { sheetInfo, musicList, canStar, state, onRetry, onLoadMore } = props;\n\n    return (\n        <View style={globalStyle.fwflex1}>\n            {!musicList ? (\n                <Loading />\n            ) : (\n                <HorizontalSafeAreaView style={globalStyle.fwflex1}>\n                    <MusicList\n                        showIndex\n                        Header={\n                            <Header\n                                canStar={canStar}\n                                musicSheet={sheetInfo}\n                                musicList={musicList}\n                            />\n                        }\n                        onLoadMore={onLoadMore}\n                        onRetry={onRetry}\n                        state={state}\n                        musicList={musicList}\n                        onItemPress={(musicItem, currentMusicList) => {\n                            if (\n                                Config.getConfig(\n                                    \"basic.clickMusicInAlbum\",\n                                ) === \"playMusic\"\n                            ) {\n                                TrackPlayer.play(musicItem);\n                            } else {\n                                TrackPlayer.playWithReplacePlayList(\n                                    musicItem,\n                                    currentMusicList ?? [musicItem],\n                                );\n                            }\n                        }}\n                    />\n                </HorizontalSafeAreaView>\n            )}\n        </View>\n    );\n}\n"
  },
  {
    "path": "src/components/musicSheetPage/index.tsx",
    "content": "import React from \"react\";\nimport NavBar from \"./components/navBar\";\nimport MusicBar from \"@/components/musicBar\";\nimport SheetMusicList from \"./components/sheetMusicList\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport VerticalSafeAreaView from \"../base/verticalSafeAreaView\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\n\ninterface IMusicSheetPageProps {\n    navTitle: string;\n    sheetInfo: ICommon.WithMusicList<IMusic.IMusicSheetItemBase> | null;\n    musicList?: IMusic.IMusicItem[] | null;\n    // 是否可收藏\n    canStar?: boolean;\n    // 状态\n    state: RequestStateCode;\n    onRetry?: () => void;\n    onLoadMore?: () => void;\n}\n\nexport default function MusicSheetPage(props: IMusicSheetPageProps) {\n    const { navTitle, sheetInfo, musicList, canStar, onLoadMore, onRetry, state } =\n        props;\n\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <StatusBar />\n            <NavBar\n                musicList={musicList ?? sheetInfo?.musicList ?? []}\n                navTitle={navTitle}\n            />\n            <SheetMusicList\n                canStar={canStar}\n                sheetInfo={sheetInfo as any}\n                musicList={musicList ?? sheetInfo?.musicList}\n                state={state}\n                onRetry={onRetry}\n                onLoadMore={onLoadMore}\n            />\n            <MusicBar />\n        </VerticalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/components/panels/base/panelBase.tsx",
    "content": "import useColors from \"@/hooks/useColors\";\nimport useOrientation from \"@/hooks/useOrientation\";\nimport rpx, { vh } from \"@/utils/rpx\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n    BackHandler,\n    DeviceEventEmitter,\n    KeyboardAvoidingView,\n    NativeEventSubscription,\n    Pressable,\n    StyleSheet,\n} from \"react-native\";\nimport Animated, {\n    Easing,\n    EasingFunction,\n    runOnJS,\n    useAnimatedReaction,\n    useAnimatedStyle,\n    useSharedValue,\n    withTiming,\n} from \"react-native-reanimated\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { panelInfoStore } from \"../usePanel\";\nimport NativeUtils from \"@/native/utils\";\n\nconst ANIMATION_EASING: EasingFunction = Easing.out(Easing.exp);\nconst ANIMATION_DURATION = 250;\n\nconst timingConfig = {\n    duration: ANIMATION_DURATION,\n    easing: ANIMATION_EASING,\n};\n\ninterface IPanelBaseProps {\n    keyboardAvoidBehavior?: \"height\" | \"padding\" | \"position\" | \"none\";\n    height?: number;\n    // 定位方式\n    positionMethod?: \"top\" | \"bottom\";\n    renderBody: (loading: boolean) => JSX.Element;\n}\n\nexport default function (props: IPanelBaseProps) {\n    const {\n        height = vh(60),\n        renderBody,\n        keyboardAvoidBehavior,\n        positionMethod = \"bottom\",\n    } = props;\n    const snapPoint = useSharedValue(0);\n\n    const colors = useColors();\n    const [loading, setLoading] = useState(true); // 是否处于弹出状态\n    const timerRef = useRef<any>();\n    const safeAreaInsets = useSafeAreaInsets();\n    const orientation = useOrientation();\n    const useAnimatedBase = useMemo(\n        () => (orientation === \"horizontal\" ? rpx(750) : height),\n        [orientation],\n    );\n\n    const backHandlerRef = useRef<NativeEventSubscription>();\n\n    const hideCallbackRef = useRef<Function[]>([]);\n\n    useEffect(() => {\n        snapPoint.value = withTiming(1, timingConfig);\n\n        timerRef.current = setTimeout(() => {\n            if (loading) {\n                // 兜底\n                setLoading(false);\n            }\n        }, 400);\n        if (backHandlerRef.current) {\n            backHandlerRef.current.remove();\n            backHandlerRef.current = undefined;\n        }\n        backHandlerRef.current = BackHandler.addEventListener(\n            \"hardwareBackPress\",\n            () => {\n                snapPoint.value = withTiming(0, timingConfig);\n                return true;\n            },\n        );\n\n        const listenerSubscription = DeviceEventEmitter.addListener(\n            \"hidePanel\",\n            (callback?: () => void) => {\n                if (callback) {\n                    hideCallbackRef.current.push(callback);\n                }\n                snapPoint.value = withTiming(0, timingConfig);\n            },\n        );\n\n        return () => {\n            if (timerRef.current) {\n                clearTimeout(timerRef.current);\n                timerRef.current = null;\n            }\n            if (backHandlerRef.current) {\n                backHandlerRef.current?.remove();\n                backHandlerRef.current = undefined;\n            }\n            listenerSubscription.remove();\n        };\n    }, []);\n\n    const maskAnimated = useAnimatedStyle(() => {\n        return {\n            opacity: snapPoint.value * 0.5,\n        };\n    });\n\n    const panelAnimated = useAnimatedStyle(() => {\n        return {\n            transform: [\n                orientation === \"vertical\"\n                    ? {\n                        translateY: (1 - snapPoint.value) * useAnimatedBase,\n                    }\n                    : {\n                        translateX: (1 - snapPoint.value) * useAnimatedBase,\n                    },\n            ],\n        };\n    }, [orientation]);\n\n    const mountPanel = useCallback(() => {\n        setLoading(false);\n    }, []);\n\n    const unmountPanel = useCallback(() => {\n        panelInfoStore.setValue({\n            name: null,\n            payload: null,\n        });\n        hideCallbackRef.current.forEach(cb => cb?.());\n    }, []);\n\n    useAnimatedReaction(\n        () => snapPoint.value,\n        (result, prevResult) => {\n            if (\n                ((prevResult !== null && result > prevResult) ||\n                    prevResult === null) &&\n                result > 0.8\n            ) {\n                runOnJS(mountPanel)();\n            }\n\n            if (prevResult && result < prevResult && result === 0) {\n                runOnJS(unmountPanel)();\n            }\n        },\n        [],\n    );\n\n    const panelBody = (\n        <Animated.View\n            style={[\n                style.wrapper,\n                orientation === \"horizontal\" ? {\n                    height: vh(100) - safeAreaInsets.top,\n                    bottom: 0,\n                } : {\n                    top: positionMethod === \"top\" ? (NativeUtils.getWindowDimensions().height + safeAreaInsets.top) - height - safeAreaInsets.bottom : undefined,\n                    bottom: positionMethod === \"bottom\" ? 0 : undefined,\n                    height: height,\n                },\n                {\n                    backgroundColor: colors.backdrop,\n                },\n                panelAnimated,\n            ]}>\n            {renderBody(loading)}\n        </Animated.View>\n    );\n\n    return (\n        <>\n            <Pressable\n                style={style.maskWrapper}\n                onPress={() => {\n                    snapPoint.value = withTiming(0, timingConfig);\n                }}>\n                <Animated.View\n                    style={[style.maskWrapper, style.mask, maskAnimated]}\n                />\n            </Pressable>\n            {keyboardAvoidBehavior === \"none\" ? (\n                panelBody\n            ) : (\n                <KeyboardAvoidingView\n                    style={style.kbContainer}\n                    behavior={keyboardAvoidBehavior || \"position\"}>\n                    {panelBody}\n                </KeyboardAvoidingView>\n            )}\n        </>\n    );\n}\n\nconst style = StyleSheet.create({\n    maskWrapper: {\n        position: \"absolute\",\n        width: \"100%\",\n        height: \"100%\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        zIndex: 15000,\n    },\n    mask: {\n        backgroundColor: \"#000\",\n        opacity: 0.5,\n    },\n    wrapper: {\n        position: \"absolute\",\n        width: rpx(750),\n        right: 0,\n        borderTopLeftRadius: rpx(28),\n        borderTopRightRadius: rpx(28),\n        zIndex: 15010,\n    },\n    kbContainer: {\n        zIndex: 15010,\n    },\n});\n"
  },
  {
    "path": "src/components/panels/base/panelFullscreen.tsx",
    "content": "import React, { useCallback, useEffect, useMemo, useRef } from \"react\";\r\nimport {\r\n    BackHandler,\r\n    DeviceEventEmitter,\r\n    NativeEventSubscription,\r\n    Pressable,\r\n    StyleSheet,\r\n    ViewStyle,\r\n} from \"react-native\";\r\n\r\nimport Animated, {\r\n    Easing,\r\n    EasingFunction,\r\n    runOnJS,\r\n    useAnimatedReaction,\r\n    useAnimatedStyle,\r\n    useSharedValue,\r\n    withTiming,\r\n} from \"react-native-reanimated\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport { panelInfoStore } from \"../usePanel\";\r\nimport { vh } from \"@/utils/rpx.ts\";\r\nimport useOrientation from \"@/hooks/useOrientation.ts\";\r\n\r\nconst ANIMATION_EASING: EasingFunction = Easing.out(Easing.exp);\r\nconst ANIMATION_DURATION = 250;\r\n\r\nconst timingConfig = {\r\n    duration: ANIMATION_DURATION,\r\n    easing: ANIMATION_EASING,\r\n};\r\n\r\ninterface IPanelFullScreenProps {\r\n    // 有遮罩\r\n    hasMask?: boolean;\r\n    // 内容\r\n    children?: React.ReactNode;\r\n    // 内容区样式\r\n    containerStyle?: ViewStyle;\r\n\r\n    animationType?: \"SlideToTop\" | \"Scale\";\r\n}\r\n\r\nexport default function (props: IPanelFullScreenProps) {\r\n    const {\r\n        hasMask,\r\n        containerStyle,\r\n        children,\r\n        animationType = \"SlideToTop\",\r\n    } = props;\r\n    const snapPoint = useSharedValue(0);\r\n\r\n    const colors = useColors();\r\n\r\n    const backHandlerRef = useRef<NativeEventSubscription>();\r\n\r\n    const hideCallbackRef = useRef<Function[]>([]);\r\n\r\n    const orientation = useOrientation();\r\n    const windowHeight = useMemo(() => vh(100), [orientation]);\r\n\r\n    useEffect(() => {\r\n        snapPoint.value = 1;\r\n\r\n        if (backHandlerRef.current) {\r\n            backHandlerRef.current?.remove();\r\n            backHandlerRef.current = undefined;\r\n        }\r\n        backHandlerRef.current = BackHandler.addEventListener(\r\n            \"hardwareBackPress\",\r\n            () => {\r\n                snapPoint.value = 0;\r\n                return true;\r\n            },\r\n        );\r\n\r\n        const listenerSubscription = DeviceEventEmitter.addListener(\r\n            \"hidePanel\",\r\n            (callback?: () => void) => {\r\n                if (callback) {\r\n                    hideCallbackRef.current.push(callback);\r\n                }\r\n                snapPoint.value = 0;\r\n            },\r\n        );\r\n\r\n        return () => {\r\n            if (backHandlerRef.current) {\r\n                backHandlerRef.current?.remove();\r\n                backHandlerRef.current = undefined;\r\n            }\r\n            listenerSubscription.remove();\r\n        };\r\n    }, []);\r\n\r\n    const maskAnimated = useAnimatedStyle(() => {\r\n        return {\r\n            opacity: withTiming(snapPoint.value * 0.5, timingConfig),\r\n        };\r\n    });\r\n\r\n    const panelAnimated = useAnimatedStyle(() => {\r\n        if (animationType === \"SlideToTop\") {\r\n            return {\r\n                transform: [\r\n                    {\r\n                        translateY: withTiming(\r\n                            (1 - snapPoint.value) * windowHeight,\r\n                            timingConfig,\r\n                        ),\r\n                    },\r\n                ],\r\n            };\r\n        } else {\r\n            return {\r\n                transform: [\r\n                    {\r\n                        scale: withTiming(\r\n                            0.3 + snapPoint.value * 0.7,\r\n                            timingConfig,\r\n                        ),\r\n                    },\r\n                ],\r\n                opacity: withTiming(snapPoint.value, timingConfig),\r\n            };\r\n        }\r\n    });\r\n\r\n    const unmountPanel = useCallback(() => {\r\n        panelInfoStore.setValue({\r\n            name: null,\r\n            payload: null,\r\n        });\r\n        hideCallbackRef.current.forEach(cb => cb?.());\r\n    }, []);\r\n\r\n    useAnimatedReaction(\r\n        () => snapPoint.value,\r\n        (result, prevResult) => {\r\n            if (prevResult && result < prevResult && result === 0) {\r\n                runOnJS(unmountPanel)();\r\n            }\r\n        },\r\n        [],\r\n    );\r\n    return (\r\n        <>\r\n            {hasMask ? (\r\n                <Pressable\r\n                    style={style.maskWrapper}\r\n                    onPress={() => {\r\n                        snapPoint.value = withTiming(0, timingConfig);\r\n                    }}>\r\n                    <Animated.View\r\n                        style={[style.maskWrapper, style.mask, maskAnimated]}\r\n                    />\r\n                </Pressable>\r\n            ) : null}\r\n            <Animated.View\r\n                pointerEvents={hasMask ? \"box-none\" : undefined}\r\n                style={[\r\n                    style.wrapper,\r\n                    !hasMask\r\n                        ? {\r\n                            backgroundColor: colors.background,\r\n                        }\r\n                        : null,\r\n                    panelAnimated,\r\n                    containerStyle,\r\n                ]}>\r\n                {children}\r\n            </Animated.View>\r\n        </>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    maskWrapper: {\r\n        position: \"absolute\",\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        top: 0,\r\n        left: 0,\r\n        right: 0,\r\n        bottom: 0,\r\n        zIndex: 15000,\r\n    },\r\n    mask: {\r\n        backgroundColor: \"#000\",\r\n        opacity: 0.5,\r\n    },\r\n    wrapper: {\r\n        position: \"absolute\",\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        bottom: 0,\r\n        right: 0,\r\n        zIndex: 15010,\r\n        flexDirection: \"column\",\r\n    },\r\n    kbContainer: {\r\n        zIndex: 15010,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/base/panelHeader.tsx",
    "content": "import React from \"react\";\nimport { StyleProp, StyleSheet, View, ViewStyle } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport { TouchableOpacity } from \"react-native-gesture-handler\";\nimport ThemeText from \"@/components/base/themeText\";\nimport Divider from \"@/components/base/divider\";\nimport i18n from \"@/core/i18n\";\n\ninterface IPanelHeaderProps {\n    title: string;\n    cancelText?: string;\n    okText?: string;\n    onCancel?: () => void;\n    onOk?: () => void;\n    hideButtons?: boolean;\n    hideDivider?: boolean;\n    style?: StyleProp<ViewStyle>;\n}\nexport default function PanelHeader(props: IPanelHeaderProps) {\n    const {\n        title,\n        cancelText,\n        okText,\n        onOk,\n        onCancel,\n        hideButtons,\n        hideDivider,\n        style,\n    } = props;\n\n    return (\n        <>\n            <View style={[styles.header, style]}>\n                {hideButtons ? null : (\n                    <TouchableOpacity style={styles.button} onPress={onCancel}>\n                        <ThemeText fontWeight=\"medium\">\n                            {cancelText || i18n.t(\"common.cancel\")}\n                        </ThemeText>\n                    </TouchableOpacity>\n                )}\n                <ThemeText\n                    style={styles.title}\n                    fontWeight=\"bold\"\n                    fontSize=\"title\"\n                    numberOfLines={1}>\n                    {title}\n                </ThemeText>\n                {hideButtons ? null : (\n                    <TouchableOpacity\n                        style={[styles.button, styles.rightButton]}\n                        onPress={onOk}>\n                        <ThemeText fontWeight=\"medium\" fontColor=\"primary\">\n                            {okText || i18n.t(\"common.confirm\")}\n                        </ThemeText>\n                    </TouchableOpacity>\n                )}\n            </View>\n            {hideDivider ? null : <Divider />}\n        </>\n    );\n}\n\nconst styles = StyleSheet.create({\n    header: {\n        width: \"100%\",\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingHorizontal: rpx(24),\n        height: rpx(100),\n    },\n    button: {\n        width: rpx(120),\n        height: \"100%\",\n        justifyContent: \"center\",\n    },\n    rightButton: {\n        alignItems: \"flex-end\",\n    },\n    title: {\n        flex: 1,\n        textAlign: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/components/panels/index.tsx",
    "content": "import React from \"react\";\nimport panels from \"./types\";\nimport { panelInfoStore } from \"./usePanel\";\n\nfunction Panels() {\n    const panelInfoState = panelInfoStore.useValue();\n\n    const Component = panelInfoState.name ? panels[panelInfoState.name] : null;\n\n    return Component ? <Component {...(panelInfoState.payload ?? {})} /> : null;\n}\n\nexport default React.memo(Panels, () => true);"
  },
  {
    "path": "src/components/panels/types/addToMusicSheet.tsx",
    "content": "import React from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport rpx, { vmax } from \"@/utils/rpx\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport Toast from \"@/utils/toast\";\r\n\r\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\r\nimport PanelBase from \"../base/panelBase\";\r\nimport { FlatList } from \"react-native-gesture-handler\";\r\nimport { hidePanel, showPanel } from \"../usePanel\";\r\nimport PanelHeader from \"../base/panelHeader\";\r\nimport MusicSheet, { useSheetsBase } from \"@/core/musicSheet\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\ninterface IAddToMusicSheetProps {\r\n    musicItem: IMusic.IMusicItem | IMusic.IMusicItem[];\r\n    // 如果是新建歌单，可以传入一个默认的名称\r\n    newSheetDefaultName?: string;\r\n}\r\n\r\nexport default function AddToMusicSheet(props: IAddToMusicSheetProps) {\r\n    const sheets = useSheetsBase();\r\n\r\n    const { musicItem = [], newSheetDefaultName } = props ?? {};\r\n    const safeAreaInsets = useSafeAreaInsets();\r\n    const { t } = useI18N();\r\n\r\n    return (\r\n        <PanelBase\r\n            renderBody={() => (\r\n                <>\r\n                    <PanelHeader\r\n                        hideButtons\r\n                        title={\r\n                            t(\"panel.addToMusicSheet.title\", {\r\n                                count: Array.isArray(musicItem) ? musicItem.length : 1,\r\n                            })\r\n                        }\r\n                    />\r\n                    <View style={style.wrapper}>\r\n                        <FlatList\r\n                            data={sheets ?? []}\r\n                            keyExtractor={sheet => sheet.id}\r\n                            style={{\r\n                                marginBottom: safeAreaInsets.bottom,\r\n                            }}\r\n                            ListHeaderComponent={\r\n                                <ListItem\r\n                                    withHorizontalPadding\r\n                                    key=\"new\"\r\n                                    onPress={() => {\r\n                                        showPanel(\"CreateMusicSheet\", {\r\n                                            defaultName: newSheetDefaultName,\r\n                                            async onSheetCreated(sheetId) {\r\n                                                try {\r\n                                                    await MusicSheet.addMusic(\r\n                                                        sheetId,\r\n                                                        musicItem,\r\n                                                    );\r\n                                                    Toast.success(\r\n                                                        t(\"panel.addToMusicSheet.toast.success\"),\r\n                                                    );\r\n                                                } catch {\r\n                                                    Toast.warn(\r\n                                                        t(\"panel.addToMusicSheet.toast.fail\"),\r\n                                                    );\r\n                                                }\r\n                                            },\r\n                                            onCancel() {\r\n                                                showPanel(\"AddToMusicSheet\", {\r\n                                                    musicItem: musicItem,\r\n                                                    newSheetDefaultName,\r\n                                                });\r\n                                            },\r\n                                        });\r\n                                    }}>\r\n                                    <ListItem.ListItemImage\r\n                                        fallbackImg={ImgAsset.add}\r\n                                    />\r\n                                    <ListItem.Content title={t(\"panel.addToMusicSheet.newMusicSheet\")} />\r\n                                </ListItem>\r\n                            }\r\n                            renderItem={({ item: sheet }) => (\r\n                                <ListItem\r\n                                    withHorizontalPadding\r\n                                    key={`${sheet.id}`}\r\n                                    onPress={async () => {\r\n                                        try {\r\n                                            await MusicSheet.addMusic(\r\n                                                sheet.id,\r\n                                                musicItem,\r\n                                            );\r\n                                            hidePanel();\r\n                                            Toast.success(t(\"panel.addToMusicSheet.toast.success\"));\r\n                                        } catch {\r\n                                            Toast.warn(t(\"panel.addToMusicSheet.toast.fail\"));\r\n                                        }\r\n                                    }}>\r\n                                    <ListItem.ListItemImage\r\n                                        uri={sheet.coverImg}\r\n                                        fallbackImg={ImgAsset.albumDefault}\r\n                                    />\r\n                                    <ListItem.Content\r\n                                        title={sheet.title}\r\n                                        description={t(\"panel.addToMusicSheet.count\", {\r\n                                            count: sheet.worksNum ?? \"-\",\r\n                                        })}\r\n                                    />\r\n                                </ListItem>\r\n                            )}\r\n                        />\r\n                    </View>\r\n                </>\r\n            )}\r\n            height={vmax(70)}\r\n        />\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: \"100%\",\r\n        flex: 1,\r\n    },\r\n    header: {\r\n        paddingHorizontal: rpx(24),\r\n        marginTop: rpx(36),\r\n        marginBottom: rpx(36),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/associateLrc.tsx",
    "content": "import rpx, { vmax } from \"@/utils/rpx\";\nimport React, { useState } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport lyricManager from \"@/core/lyricManager\";\nimport mediaCache from \"@/core/mediaCache\";\nimport useColors from \"@/hooks/useColors\";\nimport { errorLog } from \"@/utils/log\";\nimport { parseMediaUniqueKey } from \"@/utils/mediaUtils\";\nimport Toast from \"@/utils/toast\";\nimport Clipboard from \"@react-native-clipboard/clipboard\";\nimport { TextInput } from \"react-native-gesture-handler\";\nimport PanelBase from \"../base/panelBase\";\nimport PanelHeader from \"../base/panelHeader\";\nimport { hidePanel } from \"../usePanel\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface INewMusicSheetProps {\n    musicItem: IMusic.IMusicItem;\n}\n\nexport default function AssociateLrc(props: INewMusicSheetProps) {\n    const { musicItem } = props;\n\n    const [input, setInput] = useState(\"\");\n    const colors = useColors();\n    const { t } = useI18N();\n\n    return (\n        <PanelBase\n            keyboardAvoidBehavior=\"height\"\n            height={vmax(30)}\n            renderBody={() => (\n                <>\n                    <PanelHeader\n                        title={t(\"panel.associateLrc.title\")}\n                        onCancel={hidePanel}\n                        onOk={async () => {\n                            const inputValue =\n                                input ?? (await Clipboard.getString());\n                            if (inputValue) {\n                                try {\n                                    const targetMedia = parseMediaUniqueKey(\n                                        inputValue.trim(),\n                                    );\n                                    // 目标也要写进去\n                                    const targetCache =\n                                        mediaCache.getMediaCache(targetMedia);\n                                    if (!targetCache) {\n                                        Toast.warn(\n                                            t(\"panel.associateLrc.targetExpired\"),\n                                        );\n                                        // TODO: ERROR CODE\n                                        throw new Error(\"CLIPBOARD TIMEOUT\");\n                                    }\n\n                                    lyricManager.associateLyric(musicItem, {\n                                        ...targetMedia,\n                                        ...targetCache,\n                                    });\n                                    Toast.success(t(\"panel.associateLrc.toast.success\"));\n                                    hidePanel();\n                                } catch (e: any) {\n                                    if (e.message !== \"CLIPBOARD TIMEOUT\") {\n                                        Toast.warn(t(\"panel.associateLrc.toast.fail\"));\n                                    }\n                                    errorLog(\"关联歌词失败\", e?.message);\n                                }\n                            } else {\n                                lyricManager.unassociateLyric(musicItem);\n                                Toast.success(t(\"panel.associateLrc.toast.unlinkSuccess\"));\n                                hidePanel();\n                            }\n                        }}\n                    />\n\n                    <TextInput\n                        value={input}\n                        onChangeText={_ => {\n                            setInput(_);\n                        }}\n                        style={[\n                            style.input,\n                            {\n                                color: colors.text,\n                                backgroundColor: colors.placeholder,\n                            },\n                        ]}\n                        placeholderTextColor={colors.textSecondary}\n                        placeholder={t(\"panel.associateLrc.inputPlaceholder\")}\n                        maxLength={80}\n                    />\n                </>\n            )}\n        />\n    );\n}\n\nconst style = StyleSheet.create({\n    opeartions: {\n        width: rpx(750),\n        paddingHorizontal: rpx(24),\n        flexDirection: \"row\",\n        height: rpx(100),\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    input: {\n        margin: rpx(24),\n        borderRadius: rpx(12),\n        fontSize: fontSizeConst.content,\n        lineHeight: fontSizeConst.content * 1.5,\n        padding: rpx(12),\n    },\n});\n"
  },
  {
    "path": "src/components/panels/types/colorPicker.tsx",
    "content": "import React, { useMemo, useRef, useState, useCallback, useEffect } from \"react\";\nimport { Image, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport PanelBase from \"../base/panelBase\";\nimport LinearGradient from \"react-native-linear-gradient\";\nimport Color from \"color\";\nimport { Gesture, GestureDetector, TextInput } from \"react-native-gesture-handler\";\nimport { hidePanel } from \"../usePanel\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport PanelHeader from \"../base/panelHeader\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IColorPickerProps {\n    defaultColor?: string;\n    onSelected?: (color: Color) => void;\n    closePanelWhenSelected?: boolean;\n}\n\nconst areaSize = rpx(420);\n\nexport default function ColorPicker(props: IColorPickerProps) {\n    const {\n        onSelected,\n        defaultColor = \"#66ccff\",\n        closePanelWhenSelected = true,\n    } = props;\n\n    const { t } = useI18N();\n\n    const [currentHue, setCurrentHue] = useState(Color(defaultColor).hue());\n    const [currentSaturation, setCurrentSaturation] = useState(\n        Color(defaultColor).saturationl(),\n    );\n    const [currentLightness, setCurrentLightness] = useState(\n        Color(defaultColor).lightness(),\n    );\n    const [currentAlpha, setCurrentAlpha] = useState(\n        Color(defaultColor).alpha(),\n    );\n\n    const [inputValue, setInputValue] = useState(() =>\n        Color(defaultColor).rgb().hexa().toString()\n    );\n\n    const hueColor = useMemo(\n        () => Color.hsl(currentHue, 100, 50),\n        [currentHue]\n    );\n\n    const currentColor = useMemo(\n        () => Color.hsl(currentHue, currentSaturation, currentLightness),\n        [currentHue, currentSaturation, currentLightness],\n    );\n\n    const currentColorWithAlpha = useMemo(\n        () => currentColor.alpha(currentAlpha),\n        [currentColor, currentAlpha],\n    );\n\n    const hueColorString = useMemo(() => hueColor.toString(), [hueColor]);\n    const currentColorString = useMemo(() => currentColor.toString(), [currentColor]);\n    const currentColorWithAlphaString = useMemo(() => currentColorWithAlpha.toString(), [currentColorWithAlpha]);\n    const currentColorAlpha0String = useMemo(() => currentColor.alpha(0).toString(), [currentColor]);\n    const colorHexString = useMemo(() => currentColorWithAlpha.rgb().hexa().toString(), [currentColorWithAlpha]);\n\n    // 同步colorHexString到inputValue\n    const syncInputValue = useCallback(() => {\n        setInputValue(colorHexString);\n    }, [colorHexString]);\n\n    // 当颜色通过滑块改变时，同步输入框\n    useEffect(() => {\n        syncInputValue();\n    }, [syncInputValue]);\n\n    const slThumbStyle = useMemo(() => ({\n        left: -rpx(15) + (currentSaturation / 100) * areaSize,\n        bottom: -rpx(15) + (currentLightness / 100) * areaSize,\n        backgroundColor: currentColorString,\n    }), [currentSaturation, currentLightness, currentColorString]);\n\n    const hueThumbStyle = useMemo(() => ({\n        top: -rpx(7) + (currentHue / 360) * areaSize,\n    }), [currentHue]);\n\n    const alphaThumbStyle = useMemo(() => ({\n        top: -rpx(7) + (1 - currentAlpha) * areaSize,\n    }), [currentAlpha]);\n\n    const handleSLUpdate = useCallback((x: number, y: number) => {\n        const xRate = Math.min(1, Math.max(0, x / areaSize));\n        const yRate = Math.min(1, Math.max(0, y / areaSize));\n        setCurrentSaturation(xRate * 100);\n        setCurrentLightness((1 - yRate) * 100);\n    }, []);\n\n    const handleHueUpdate = useCallback((y: number) => {\n        const yRate = Math.min(1, Math.max(0, y / areaSize));\n        setCurrentHue(yRate * 360);\n    }, []);\n\n    const handleAlphaUpdate = useCallback((y: number) => {\n        const yRate = Math.min(1, Math.max(0, y / areaSize));\n        setCurrentAlpha(1 - yRate);\n    }, []);\n\n    const slTap = Gesture.Tap()\n        .onStart(event => {\n            const { x, y } = event;\n            handleSLUpdate(x, y);\n        })\n        .runOnJS(true);\n\n    const lastTimestampRef = useRef(Date.now());\n    const slPan = Gesture.Pan()\n        .onUpdate(event => {\n            const newTimeStamp = Date.now();\n            if (newTimeStamp - lastTimestampRef.current > 32) {\n                lastTimestampRef.current = newTimeStamp;\n                const { x, y } = event;\n                handleSLUpdate(x, y);\n            }\n        })\n        .runOnJS(true);\n\n    const slComposed = Gesture.Race(slTap, slPan);\n\n    const hueTap = Gesture.Tap()\n        .onStart(event => {\n            const { y } = event;\n            handleHueUpdate(y);\n        })\n        .runOnJS(true);\n\n    const huePan = Gesture.Pan()\n        .onUpdate(event => {\n            const { y } = event;\n            handleHueUpdate(y);\n        })\n        .runOnJS(true);\n\n    const hueComposed = Gesture.Race(hueTap, huePan);\n\n    const alphaTap = Gesture.Tap()\n        .onStart(event => {\n            const { y } = event;\n            handleAlphaUpdate(y);\n        })\n        .runOnJS(true);\n\n    const alphaPan = Gesture.Pan()\n        .onUpdate(event => {\n            const { y } = event;\n            handleAlphaUpdate(y);\n        })\n        .runOnJS(true);\n\n    const alphaComposed = Gesture.Race(alphaTap, alphaPan);\n\n    const handleColorInputChange = useCallback((text: string) => {\n        setInputValue(text);\n    }, []);\n\n    const handleColorInputSubmit = useCallback(() => {\n        try {\n            const color = Color(inputValue);\n            const hsl = color.hsl();\n\n            setCurrentHue(hsl.hue() || 0);\n            setCurrentSaturation(hsl.saturationl());\n            setCurrentLightness(hsl.lightness());\n            setCurrentAlpha(color.alpha());\n        } catch (error) {\n            // 如果输入的颜色无效，恢复到当前颜色\n            setInputValue(colorHexString);\n        }\n    }, [inputValue, colorHexString]);\n\n    const handleColorInputBlur = useCallback(() => {\n        handleColorInputSubmit();\n    }, [handleColorInputSubmit]);\n\n    return (\n        <PanelBase\n            height={rpx(750)}\n            keyboardAvoidBehavior=\"height\"\n            renderBody={() => (\n                <>\n                    <PanelHeader\n                        onCancel={hidePanel}\n                        onOk={async () => {\n                            // 检查输入框的值是否与当前颜色不同\n                            if (inputValue !== colorHexString) {\n                                try {\n                                    const color = Color(inputValue);\n                                    const hsl = color.hsl();\n                                    \n                                    // 更新颜色状态\n                                    setCurrentHue(hsl.hue() || 0);\n                                    setCurrentSaturation(hsl.saturationl());\n                                    setCurrentLightness(hsl.lightness());\n                                    setCurrentAlpha(color.alpha());\n                                    \n                                    // 使用输入的颜色进行提交\n                                    onSelected?.(color);\n                                } catch (error) {\n                                    // 如果输入的颜色无效，使用当前颜色\n                                    onSelected?.(currentColorWithAlpha);\n                                }\n                            } else {\n                                // 输入值与当前颜色相同，直接使用当前颜色\n                                onSelected?.(currentColorWithAlpha);\n                            }\n                            \n                            if (closePanelWhenSelected) {\n                                hidePanel();\n                            }\n                        }}\n                        title={t(\"panel.colorPicker.title\")}\n                    />\n\n                    <View style={styles.container}>\n                        <GestureDetector gesture={slComposed}>\n                            <View\n                                style={[\n                                    styles.slContainer,\n                                    {\n                                        backgroundColor: hueColorString,\n                                    },\n                                ]}>\n                                <LinearGradient\n                                    start={{ x: 0, y: 0 }}\n                                    end={{ x: 1, y: 0 }}\n                                    colors={[\"#808080\", \"rgba(0,0,0,0)\"]}\n                                    style={[styles.slContainer, styles.layer1]}\n                                />\n                                <LinearGradient\n                                    start={{ x: 0, y: 0 }}\n                                    end={{ x: 0, y: 1 }}\n                                    colors={[\"#fff\", \"rgba(0,0,0,0)\", \"#000\"]}\n                                    style={[styles.slContainer, styles.layer2]}\n                                />\n                                <View\n                                    style={[\n                                        styles.slThumb,\n                                        slThumbStyle,\n                                    ]}\n                                />\n                            </View>\n                        </GestureDetector>\n                        <GestureDetector gesture={hueComposed}>\n                            <LinearGradient\n                                start={{\n                                    x: 0,\n                                    y: 0,\n                                }}\n                                end={{\n                                    x: 0,\n                                    y: 1,\n                                }}\n                                colors={[\n                                    \"#f00\",\n                                    \"#ff0\",\n                                    \"#0f0\",\n                                    \"#0ff\",\n                                    \"#00f\",\n                                    \"#f0f\",\n                                    \"#f00\",\n                                ]}\n                                style={styles.hueContainer}>\n                                <View\n                                    style={[\n                                        styles.hueThumb,\n                                        hueThumbStyle,\n                                    ]}\n                                />\n                            </LinearGradient>\n                        </GestureDetector>\n                        <GestureDetector gesture={alphaComposed}>\n                            <LinearGradient\n                                start={{\n                                    x: 0,\n                                    y: 0,\n                                }}\n                                end={{\n                                    x: 0,\n                                    y: 1,\n                                }}\n                                colors={[\n                                    currentColorString,\n                                    currentColorAlpha0String,\n                                ]}\n                                style={[\n                                    styles.hueContainer,\n                                    styles.alphaContainer,\n                                ]}>\n                                <View\n                                    style={[\n                                        styles.hueThumb,\n                                        alphaThumbStyle,\n                                    ]}\n                                />\n                                <Image\n                                    resizeMode=\"repeat\"\n                                    source={ImgAsset.transparentBg}\n                                    style={styles.transparentBg}\n                                />\n                            </LinearGradient>\n                        </GestureDetector>\n                    </View>\n                    <View style={styles.showArea}>\n                        <View style={[styles.showBar]}>\n                            <Image\n                                resizeMode=\"repeat\"\n                                source={ImgAsset.transparentBg}\n                                style={styles.transparentBg}\n                            />\n                            <View\n                                style={[\n                                    styles.showBarContent,\n                                    {\n                                        backgroundColor: currentColorWithAlphaString,\n                                    },\n                                ]}\n                            />\n                        </View>\n                        <TextInput\n                            style={styles.colorInput}\n                            value={inputValue}\n                            onChangeText={handleColorInputChange}\n                            onSubmitEditing={handleColorInputSubmit}\n                            onBlur={handleColorInputBlur}\n                            placeholder=\"#RRGGBBAA\"\n                            placeholderTextColor=\"#999\"\n                            autoCapitalize=\"none\"\n                            autoCorrect={false}\n                            returnKeyType=\"done\"\n                        />\n                    </View>\n                </>\n            )}\n        />\n    );\n}\n\nconst styles = StyleSheet.create({\n    opeartions: {\n        width: \"100%\",\n        paddingHorizontal: rpx(36),\n        flexDirection: \"row\",\n        height: rpx(100),\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    container: {\n        width: \"100%\",\n        paddingHorizontal: rpx(48),\n        paddingTop: rpx(36),\n        flexDirection: \"row\",\n    },\n    slContainer: {\n        width: areaSize,\n        height: areaSize,\n    },\n    layer1: {\n        position: \"absolute\",\n        zIndex: 1,\n        left: 0,\n        top: 0,\n    },\n    layer2: {\n        position: \"absolute\",\n        zIndex: 2,\n        left: 0,\n        top: 0,\n    },\n    hueContainer: {\n        width: rpx(48),\n        height: areaSize,\n        marginLeft: rpx(90),\n    },\n    alphaContainer: {\n        marginLeft: rpx(48),\n    },\n    slThumb: {\n        position: \"absolute\",\n        width: rpx(24),\n        height: rpx(24),\n        borderRadius: rpx(12),\n        borderWidth: rpx(3),\n        borderStyle: \"solid\",\n        borderColor: \"#ccc\",\n        zIndex: 3,\n    },\n    hueThumb: {\n        position: \"absolute\",\n        width: rpx(56),\n        height: rpx(8),\n        left: -rpx(4),\n        top: 0,\n        borderWidth: rpx(3),\n        borderStyle: \"solid\",\n        borderColor: \"#ccc\",\n    },\n    showBar: {\n        width: rpx(76),\n        height: rpx(50),\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderColor: \"#ccc\",\n    },\n    showBarContent: {\n        width: \"100%\",\n        height: \"100%\",\n        position: \"absolute\",\n        left: 0,\n        top: 0,\n    },\n    showArea: {\n        width: \"100%\",\n        marginTop: rpx(36),\n        paddingHorizontal: rpx(48),\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    colorStr: {\n        marginLeft: rpx(24),\n    },\n    transparentBg: {\n        position: \"absolute\",\n        zIndex: -1,\n        width: \"100%\",\n        height: \"100%\",\n        left: 0,\n        top: 0,\n    },\n    colorInput: {\n        marginLeft: rpx(24),\n        minWidth: rpx(150),\n        height: rpx(40),\n        borderWidth: 1,\n        borderColor: \"#ccc\",\n        borderRadius: rpx(4),\n        paddingHorizontal: rpx(12),\n        paddingVertical: 0,\n        fontSize: rpx(28),\n        color: \"#333\",\n        backgroundColor: \"#fff\",\n    },\n});\n"
  },
  {
    "path": "src/components/panels/types/createMusicSheet.tsx",
    "content": "import { fontSizeConst } from \"@/constants/uiConst\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx, { vmax } from \"@/utils/rpx\";\nimport React, { useState } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport MusicSheet from \"@/core/musicSheet\";\nimport { TextInput } from \"react-native-gesture-handler\";\nimport PanelBase from \"../base/panelBase\";\nimport PanelHeader from \"../base/panelHeader\";\nimport { hidePanel } from \"../usePanel\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ICreateMusicSheetProps {\n    defaultName?: string;\n    onSheetCreated?: (sheetId: string) => void;\n    onCancel?: () => void;\n}\n\nexport default function CreateMusicSheet(props: ICreateMusicSheetProps) {\n    const { t } = useI18N();\n\n    const { onSheetCreated, onCancel, defaultName = t(\"panel.createMusicSheet.title\") } = props;\n\n    const [input, setInput] = useState(\"\");\n    const colors = useColors();\n\n    return (\n        <PanelBase\n            height={vmax(30)}\n            keyboardAvoidBehavior=\"height\"\n            renderBody={() => (\n                <>\n                    <PanelHeader\n                        title={t(\"panel.createMusicSheet.title\")}\n                        onCancel={() => {\n                            onCancel ? onCancel() : hidePanel();\n                        }}\n                        onOk={async () => {\n                            const sheetId = await MusicSheet.addSheet(\n                                input || defaultName,\n                            );\n                            onSheetCreated?.(sheetId);\n                            hidePanel();\n                        }}\n                    />\n                    <TextInput\n                        value={input}\n                        onChangeText={_ => {\n                            setInput(_);\n                        }}\n                        autoFocus\n                        accessible\n                        accessibilityLabel={t(\"panel.createMusicSheet.inputLabel\")}\n                        accessibilityHint={t(\"panel.createMusicSheet.title\")}\n                        style={[\n                            style.input,\n                            {\n                                color: colors.text,\n                                backgroundColor: colors.placeholder,\n                            },\n                        ]}\n                        placeholderTextColor={colors.textSecondary}\n                        placeholder={defaultName}\n                        maxLength={200}\n                    />\n                </>\n            )}\n        />\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: rpx(750),\n    },\n    operations: {\n        width: rpx(750),\n        paddingHorizontal: rpx(24),\n        flexDirection: \"row\",\n        height: rpx(100),\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    input: {\n        margin: rpx(24),\n        borderRadius: rpx(12),\n        fontSize: fontSizeConst.content,\n        lineHeight: fontSizeConst.content * 1.5,\n        padding: rpx(12),\n    },\n});\n"
  },
  {
    "path": "src/components/panels/types/editMusicSheetInfo.tsx",
    "content": "import AppBar from \"@/components/base/appBar.tsx\";\r\nimport Image from \"@/components/base/image.tsx\";\r\nimport Input from \"@/components/base/input.tsx\";\r\nimport ThemeText from \"@/components/base/themeText.tsx\";\r\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView.tsx\";\r\nimport PanelFullscreen from \"@/components/panels/base/panelFullscreen.tsx\";\r\nimport { hidePanel } from \"@/components/panels/usePanel.ts\";\r\nimport { ImgAsset } from \"@/constants/assetsConst.ts\";\r\nimport globalStyle from \"@/constants/globalStyle.ts\";\r\nimport pathConst from \"@/constants/pathConst.ts\";\r\nimport { fontSizeConst } from \"@/constants/uiConst.ts\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport MusicSheet from \"@/core/musicSheet\";\r\nimport useColors from \"@/hooks/useColors.ts\";\r\nimport { addFileScheme, addRandomHash } from \"@/utils/fileUtils.ts\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport Toast from \"@/utils/toast.ts\";\r\nimport { readAsStringAsync } from \"expo-file-system\";\r\nimport React, { useState } from \"react\";\r\nimport { StyleSheet, TouchableOpacity, View } from \"react-native\";\r\nimport { exists, unlink, writeFile } from \"react-native-fs\";\r\nimport { launchImageLibrary } from \"react-native-image-picker\";\r\n\r\ninterface IEditSheetDetailProps {\r\n  musicSheet: IMusic.IMusicSheetItem;\r\n}\r\n\r\nexport default function EditMusicSheetInfo(props: IEditSheetDetailProps) {\r\n    const { musicSheet } = props;\r\n    const colors = useColors();\r\n    const { t } = useI18N();\r\n\r\n    const [coverImg, setCoverImg] = useState(musicSheet?.coverImg);\r\n    const [title, setTitle] = useState(musicSheet?.title);\r\n\r\n    const onChangeCoverPress = async () => {\r\n        try {\r\n            const result = await launchImageLibrary({\r\n                mediaType: \"photo\",\r\n            });\r\n            const uri = result.assets?.[0].uri;\r\n            if (!uri) {\r\n                return;\r\n            }\r\n            console.log(uri);\r\n            setCoverImg(uri);\r\n        } catch (e) {\r\n            console.log(e);\r\n        }\r\n    };\r\n\r\n    function onTitleChange(_: string) {\r\n        setTitle(_);\r\n    }\r\n\r\n    async function onConfirm() {\r\n    // 判断是否相同\r\n        if (\r\n            coverImg === musicSheet?.coverImg &&\r\n      title === musicSheet?.title\r\n        ) {\r\n            hidePanel();\r\n            return;\r\n        }\r\n\r\n        let newCoverImg = coverImg;\r\n        if (coverImg && coverImg !== musicSheet?.coverImg) {\r\n            newCoverImg = addFileScheme(\r\n                `${pathConst.dataPath}sheet${musicSheet.id}${coverImg.substring(\r\n                    coverImg.lastIndexOf(\".\"),\r\n                )}`,\r\n            );\r\n            try {\r\n                if ((await exists(newCoverImg))) {\r\n                    await unlink(newCoverImg);\r\n                }\r\n\r\n                // Copy\r\n                const rawImage = await readAsStringAsync(coverImg, {\r\n                    encoding: \"base64\",\r\n                });\r\n                await writeFile(newCoverImg, rawImage, \"base64\");\r\n            } catch (e) {\r\n                console.log(e);\r\n            }\r\n        }\r\n        let _title = title;\r\n        if (!_title?.length) {\r\n            _title = musicSheet.title;\r\n        }\r\n        // 更新歌单信息\r\n        MusicSheet.updateMusicSheetBase(musicSheet.id, {\r\n            coverImg: newCoverImg ? addRandomHash(newCoverImg) : undefined,\r\n            title: _title,\r\n        }).then(() => {\r\n            Toast.success(t(\"panel.editMusicSheetInfo.toast.updateSuccess\"));\r\n        });\r\n        hidePanel();\r\n    }\r\n\r\n    return (\r\n        <PanelFullscreen>\r\n            <VerticalSafeAreaView style={globalStyle.fwflex1}>\r\n                <AppBar onBackPress={hidePanel} withStatusBar>\r\n                    {t(\"panel.editMusicSheetInfo.title\")}\r\n                </AppBar>\r\n                <View style={style.row}>\r\n                    <ThemeText>{t(\"common.cover\")}</ThemeText>\r\n                    <TouchableOpacity\r\n                        onPress={onChangeCoverPress}\r\n                        onLongPress={() => {\r\n                            setCoverImg(undefined);\r\n                        }}>\r\n                        <Image\r\n                            style={style.coverImg}\r\n                            uri={coverImg}\r\n                            emptySrc={ImgAsset.albumDefault}\r\n                        />\r\n                    </TouchableOpacity>\r\n                </View>\r\n                <View style={style.row}>\r\n                    <ThemeText>{t(\"panel.editMusicSheetInfo.sheetName\")}</ThemeText>\r\n                    <Input\r\n                        numberOfLines={1}\r\n                        textAlign=\"right\"\r\n                        value={title}\r\n                        hasHorizontalPadding={false}\r\n                        onChangeText={onTitleChange}\r\n                        style={{\r\n                            height: fontSizeConst.content * 2.5,\r\n                            width: \"50%\",\r\n                            borderBottomWidth: 1,\r\n                            includeFontPadding: false,\r\n                            borderBottomColor: colors.text,\r\n                        }}\r\n                    />\r\n                </View>\r\n                <TouchableOpacity\r\n                    activeOpacity={0.6}\r\n                    onPress={onConfirm}\r\n                    style={[\r\n                        {\r\n                            backgroundColor: colors.primary,\r\n                        },\r\n                        style.button,\r\n                    ]}>\r\n                    <ThemeText color={\"white\"}>{t(\"common.confirm\")}</ThemeText>\r\n                </TouchableOpacity>\r\n            </VerticalSafeAreaView>\r\n        </PanelFullscreen>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    row: {\r\n        marginTop: rpx(28),\r\n        height: rpx(120),\r\n        flexDirection: \"row\",\r\n        justifyContent: \"space-between\",\r\n        alignItems: \"center\",\r\n        paddingBottom: rpx(12),\r\n        paddingHorizontal: rpx(24),\r\n    },\r\n    coverImg: {\r\n        width: rpx(100),\r\n        height: rpx(100),\r\n        borderRadius: rpx(28),\r\n    },\r\n    button: {\r\n        marginHorizontal: rpx(24),\r\n        borderRadius: rpx(8),\r\n        height: rpx(72),\r\n        marginTop: rpx(24),\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/imageViewer.tsx",
    "content": "import React from \"react\";\r\nimport { Image, StyleSheet } from \"react-native\";\r\nimport rpx, { vh, vw } from \"@/utils/rpx\";\r\nimport Toast from \"@/utils/toast\";\r\nimport useOrientation from \"@/hooks/useOrientation.ts\";\r\nimport { saveToGallery } from \"@/utils/fileUtils.ts\";\r\nimport { errorLog } from \"@/utils/log.ts\";\r\nimport PanelFullscreen from \"@/components/panels/base/panelFullscreen.tsx\";\r\nimport { Button } from \"@/components/base/button.tsx\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\ninterface IImageViewerProps {\r\n    // 图片路径\r\n    url: string;\r\n}\r\n\r\nexport default function ImageViewer(props: IImageViewerProps) {\r\n    const { url } = props;\r\n    const orientation = useOrientation();\r\n    const { t } = useI18N();\r\n\r\n    return (\r\n        <PanelFullscreen\r\n            hasMask\r\n            animationType=\"Scale\"\r\n            containerStyle={styles.container}>\r\n            <Image\r\n                style={\r\n                    orientation === \"vertical\"\r\n                        ? {\r\n                            width: vw(100),\r\n                            minHeight: vw(100),\r\n                            maxHeight: vh(100),\r\n                            resizeMode: \"cover\",\r\n                        }\r\n                        : {\r\n                            maxWidth: vw(80),\r\n                            height: vh(60),\r\n                            minWidth: vh(60),\r\n                            resizeMode: \"cover\",\r\n                        }\r\n                }\r\n                source={{\r\n                    uri: url,\r\n                }}\r\n            />\r\n            <Button\r\n                text={t(\"panel.imageViewer.saveImage\")}\r\n                type=\"primary\"\r\n                style={styles.button}\r\n                onPress={() => {\r\n                    saveToGallery(url)\r\n                        .then((resultPath) => {\r\n                            Toast.success(t(\"panel.imageViewer.saveImageSuccess\", {\r\n                                path: resultPath,\r\n                            }));\r\n                        }).catch(e => {\r\n                            errorLog(\"Save failed\", e?.message ?? e);\r\n                            Toast.warn(t(\"panel.imageViewer.saveImageFail\", {\r\n                                reason: e?.message ?? e,\r\n                            }));\r\n                        });\r\n                }}\r\n            />\r\n        </PanelFullscreen>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n        gap: rpx(48),\r\n    },\r\n    button: {\r\n        marginHorizontal: rpx(24),\r\n        paddingHorizontal: rpx(200),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/importMusicSheet.tsx",
    "content": "import ListItem from \"@/components/base/listItem\";\r\nimport { vmax } from \"@/utils/rpx\";\r\nimport Toast from \"@/utils/toast\";\r\nimport React from \"react\";\r\nimport { View } from \"react-native\";\r\n\r\nimport NoPlugin from \"@/components/base/noPlugin\";\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport globalStyle from \"@/constants/globalStyle\";\r\nimport PluginManager from \"@/core/pluginManager\";\r\nimport { FlatList } from \"react-native-gesture-handler\";\r\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\r\nimport PanelBase from \"../base/panelBase\";\r\nimport PanelHeader from \"../base/panelHeader\";\r\nimport { showPanel } from \"../usePanel\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\nexport default function ImportMusicSheet() {\r\n    const validPlugins = PluginManager.getSortedPluginsWithAbility(\"importMusicSheet\");\r\n    const { t } = useI18N();\r\n\r\n    const safeAreaInsets = useSafeAreaInsets();\r\n\r\n    return (\r\n        <PanelBase\r\n            height={vmax(60)}\r\n            renderBody={() => (\r\n                <>\r\n                    <PanelHeader hideButtons title={t(\"panel.importMusicSheet.title\")} />\r\n                    {validPlugins.length ? (\r\n                        <View style={globalStyle.fwflex1}>\r\n                            <FlatList\r\n                                data={validPlugins}\r\n                                keyExtractor={plugin => plugin.hash}\r\n                                style={{\r\n                                    marginBottom: safeAreaInsets.bottom,\r\n                                }}\r\n                                renderItem={({ item: plugin }) => (\r\n                                    <ListItem\r\n                                        withHorizontalPadding\r\n                                        key={`${plugin.hash}`}\r\n                                        onPress={async () => {\n                                            showPanel(\"SimpleInput\", {\r\n                                                title: t(\"panel.importMusicSheet.title\"),\r\n                                                placeholder: t(\"panel.importMusicSheet.placeholder\"),\r\n                                                hints: plugin.instance.hints\r\n                                                    ?.importMusicSheet,\r\n                                                maxLength: 1000,                                                async onOk(text, closePanel) {\r\n                                                    Toast.success(\r\n                                                        t(\"panel.importMusicSheet.importing\"),\r\n                                                    );\r\n                                                    closePanel();\r\n                                                    const result =\r\n                                                        await plugin.methods.importMusicSheet(\r\n                                                            text,\r\n                                                        );\r\n                                                    if (result && result.length > 0) {\r\n                                                        showDialog(\r\n                                                            \"SimpleDialog\",\r\n                                                            {\r\n                                                                title: t(\"panel.importMusicSheet.prepareImport\"),\r\n                                                                content: t(\"panel.importMusicSheet.foundSongs\", { count: result.length }),\r\n                                                                onOk() {\r\n                                                                    showPanel(\r\n                                                                        \"AddToMusicSheet\",\r\n                                                                        {\r\n                                                                            musicItem:\r\n                                                                                result,\r\n                                                                        },\r\n                                                                    );\r\n                                                                },\r\n                                                            },\r\n                                                        );                                                    \n                                                    } else {\r\n                                                        Toast.warn(\r\n                                                            t(\"panel.importMusicSheet.invalidLink\"),\r\n                                                        );\r\n                                                    }\r\n                                                },\r\n                                            });\r\n                                        }}>\r\n                                        <ListItem.Content title={plugin.name} />\r\n                                    </ListItem>\r\n                                )}\r\n                            />\r\n                        </View>                    ) : (\r\n                        <NoPlugin notSupportType={t(\"panel.importMusicSheet.title\")} />\r\n                    )}\r\n                </>\r\n            )}\r\n        />\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/components/panels/types/index.ts",
    "content": "import AddToMusicSheet from \"./addToMusicSheet\";\nimport AssociateLrc from \"./associateLrc\";\nimport ColorPicker from \"./colorPicker\";\nimport ImportMusicSheet from \"./importMusicSheet\";\nimport MusicItemOptions from \"./musicItemOptions\";\nimport MusicQuality from \"./musicQuality\";\nimport CreateMusicSheet from \"./createMusicSheet\";\nimport PlayList from \"./playList\";\nimport PlayRate from \"./playRate\";\nimport SearchLrc from \"./searchLrc\";\nimport SetFontSize from \"./setFontSize\";\nimport SetLyricOffset from \"./setLyricOffset\";\nimport SetUserVariables from \"./setUserVariables\";\nimport SheetTags from \"./sheetTags\";\nimport SimpleInput from \"./simpleInput\";\nimport SimpleSelect from \"./simpleSelect\";\nimport TimingClose from \"./timingClose\";\nimport ImageViewer from \"./imageViewer\";\nimport MusicComment from \"./musicComment\";\nimport MusicItemLyricOptions from \"./musicItemLyricOptions\";\nimport EditMusicSheetInfo from \"./editMusicSheetInfo\";\n\nexport default {\n    /** 加入歌单 */\n    AddToMusicSheet,\n    /** 歌曲选项 */\n    MusicItemOptions,\n    /** 新建歌单 */\n    CreateMusicSheet,\n    /** 导入歌单 */\n    ImportMusicSheet,\n    /** 当前播放列表 */\n    PlayList: PlayList,\n    /** 关联歌词 */\n    AssociateLrc,\n    /** 简单的输入 */\n    SimpleInput,\n    /** 定时关闭 */\n    TimingClose,\n    /** 音质选择 */\n    MusicQuality,\n    /** 播放速度 */\n    PlayRate,\n    /** 歌单tag */\n    SheetTags,\n    /** 搜索歌词 */\n    SearchLrc,\n    /** 简单的选择 */\n    SimpleSelect,\n    /** 颜色选择器 */\n    ColorPicker,\n    /** 设置插件用户变量 */\n    SetUserVariables,\n    /** 设置字体 */\n    SetFontSize,\n    /** 设置歌词偏移 */\n    SetLyricOffset,\n    /** 图片阅读器 */\n    ImageViewer,\n    /** 音乐评论 */\n    MusicComment,\n    MusicItemLyricOptions,\n    EditMusicSheetInfo,\n};\n"
  },
  {
    "path": "src/components/panels/types/musicComment/comment.tsx",
    "content": "import React from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport FastImage from \"@/components/base/fastImage.tsx\";\r\nimport ThemeText from \"@/components/base/themeText.tsx\";\r\nimport { fontSizeConst } from \"@/constants/uiConst.ts\";\r\nimport dayjs from \"dayjs\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport useColors from \"@/hooks/useColors.ts\";\r\n\r\ninterface ICommentProps {\r\n    comment: IMedia.IComment;\r\n}\r\n\r\nexport default function Comment(props: ICommentProps) {\r\n    const { comment } = props;\r\n\r\n    const hasFooter = comment.like || comment.createAt || comment.location;\r\n    const colors = useColors();\r\n\r\n    return (\r\n        <View style={styles.container}>\r\n            <View style={styles.headerLine}>\r\n                <FastImage source={comment.avatar} style={styles.avatar} />\r\n                <ThemeText numberOfLines={1} fontSize={\"subTitle\"}>\r\n                    {comment.nickName}\r\n                </ThemeText>\r\n            </View>\r\n            <View style={styles.content}>\r\n                <ThemeText fontSize=\"description\" style={styles.commentText}>\r\n                    {comment.comment}\r\n                </ThemeText>\r\n            </View>\r\n            {hasFooter ? (\r\n                <View style={styles.footer}>\r\n                    <ThemeText\r\n                        fontSize=\"description\"\r\n                        fontColor=\"textSecondary\"\r\n                        numberOfLines={1}>\r\n                        {comment.createAt\r\n                            ? dayjs(comment.createAt).format(\"YYYY-MM-DD\") + \" \"\r\n                            : \"\"}\r\n                        {comment.location}\r\n                    </ThemeText>\r\n                    {comment.like ? (\r\n                        <View style={styles.like}>\r\n                            <Icon\r\n                                name=\"hand-thumb-up\"\r\n                                size={fontSizeConst.content}\r\n                                color={colors.textSecondary}\r\n                            />\r\n                            <ThemeText\r\n                                fontSize=\"description\"\r\n                                fontColor=\"textSecondary\"\r\n                                numberOfLines={1}>\r\n                                {comment.like}\r\n                            </ThemeText>\r\n                        </View>\r\n                    ) : null}\r\n                </View>\r\n            ) : null}\r\n        </View>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        padding: rpx(24),\r\n        width: \"100%\",\r\n        gap: rpx(16),\r\n    },\r\n    avatar: {\r\n        width: rpx(48),\r\n        height: rpx(48),\r\n        borderRadius: rpx(24),\r\n    },\r\n    headerLine: {\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        gap: rpx(16),\r\n    },\r\n    content: {\r\n        paddingLeft: rpx(64),\r\n    },\r\n    commentText: {\r\n        lineHeight: 1.6 * fontSizeConst.description,\r\n    },\r\n    footer: {\r\n        paddingLeft: rpx(64),\r\n        flexDirection: \"row\",\r\n        justifyContent: \"space-between\",\r\n    },\r\n    like: {\r\n        flexDirection: \"row\",\r\n        columnGap: rpx(6),\r\n        alignItems: \"center\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/musicComment/index.tsx",
    "content": "import React from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport PanelFullscreen from \"@/components/panels/base/panelFullscreen.tsx\";\r\nimport AppBar from \"@/components/base/appBar.tsx\";\r\nimport { hidePanel } from \"@/components/panels/usePanel.ts\";\r\nimport globalStyle from \"@/constants/globalStyle.ts\";\r\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView.tsx\";\r\nimport { FlashList } from \"@shopify/flash-list\";\r\nimport FastImage from \"@/components/base/fastImage\";\r\nimport { ImgAsset } from \"@/constants/assetsConst.ts\";\r\nimport ThemeText from \"@/components/base/themeText.tsx\";\r\nimport Comment from \"@/components/panels/types/musicComment/comment.tsx\";\r\nimport useComments from \"@/components/panels/types/musicComment/useComments.ts\";\r\nimport { RequestStateCode } from \"@/constants/commonConst.ts\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport ListEmpty from \"@/components/base/listEmpty\";\r\nimport ListFooter from \"@/components/base/listFooter\";\r\n\r\ninterface IMusicCommentProps {\r\n    musicItem: IMusic.IMusicItem;\r\n}\r\n\r\n\r\nexport default function MusicComment(props: IMusicCommentProps) {\r\n    const { musicItem } = props;\r\n\r\n    const [reqState, comments, getMusicComments] = useComments(musicItem);\r\n    const { t } = useI18N();\r\n\r\n\r\n    const listBody = <FlashList\r\n        ListFooterComponent={comments?.length ? <ListFooter state={reqState} onRetry={getMusicComments} /> : null}\r\n        ListEmptyComponent={<ListEmpty state={reqState} onRetry={getMusicComments} />}\r\n        estimatedItemSize={100}\r\n        renderItem={({ item }) => {\r\n            return <Comment comment={item} />;\r\n        }}\r\n        onEndReachedThreshold={0.1}\r\n        onEndReached={() => {\r\n            if (reqState === RequestStateCode.IDLE || reqState === RequestStateCode.PARTLY_DONE) {\r\n                getMusicComments();\r\n            }\r\n        }}\r\n        data={comments}\r\n    />;\r\n\r\n    return (\r\n        <PanelFullscreen>\r\n            <VerticalSafeAreaView style={globalStyle.fwflex1}>\r\n                <AppBar withStatusBar children={t(\"common.comment\")} onBackPress={hidePanel} />\r\n                <View style={styles.musicItemContainer}>\r\n                    <FastImage\r\n                        style={styles.musicItemArtwork}\r\n                        source={musicItem?.artwork}\r\n                        placeholderSource={ImgAsset.albumDefault}\r\n                    />\r\n                    <View style={styles.musicItemContent}>\r\n                        <ThemeText fontSize=\"subTitle\" numberOfLines={1}>\r\n                            {musicItem.title}\r\n                        </ThemeText>\r\n                        <ThemeText\r\n                            fontSize=\"description\"\r\n                            numberOfLines={1}\r\n                            fontColor=\"textSecondary\">\r\n                            {musicItem.artist}\r\n                        </ThemeText>\r\n                    </View>\r\n                </View>\r\n                {listBody}\r\n            </VerticalSafeAreaView>\r\n        </PanelFullscreen>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    musicItemContainer: {\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        gap: rpx(16),\r\n        paddingHorizontal: rpx(24),\r\n        height: rpx(120),\r\n    },\r\n    musicItemArtwork: {\r\n        width: rpx(88),\r\n        height: rpx(88),\r\n        borderRadius: rpx(12),\r\n    },\r\n    musicItemContent: {\r\n        flex: 1,\r\n        gap: rpx(16),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/musicComment/useComments.ts",
    "content": "import { atom, getDefaultStore, useAtomValue } from \"jotai\";\r\nimport { RequestStateCode } from \"@/constants/commonConst.ts\";\r\nimport { useCallback, useEffect, useRef } from \"react\";\r\nimport { isSameMediaItem } from \"@/utils/mediaUtils\";\r\nimport PluginManager from \"@/core/pluginManager\";\r\n\r\n\r\nconst commentsAtom = atom<{\r\n    mediaItem: ICommon.IMediaBase | null;\r\n    comments: IMedia.IComment[];\r\n    page: number;\r\n    state: RequestStateCode;\r\n}>({\r\n    mediaItem: null,\r\n    comments: [],\r\n    page: 1,\r\n    state: RequestStateCode.PENDING_FIRST_PAGE,\r\n});\r\n\r\nexport default function useComments(mediaItem: ICommon.IMediaBase) {\r\n    const mountedRef = useRef(true);\r\n    const commentsValue = useAtomValue(commentsAtom);\r\n\r\n    useEffect(() => {\r\n        return () => {\r\n            mountedRef.current = false;\r\n        };\r\n    }, []);\r\n\r\n\r\n    const getComments = useCallback(async () => {\r\n        const currentCommentsInfo = getDefaultStore().get(commentsAtom);\r\n        let { comments, page, state } = currentCommentsInfo;\r\n\r\n\r\n        let nextPage = page;\r\n        let nextComments: IMedia.IComment[] = [];\r\n\r\n\r\n        // 如果不是同一首歌，就重置评论\r\n        if (!isSameMediaItem(mediaItem, currentCommentsInfo.mediaItem)) {\r\n            nextPage = 1;\r\n            nextComments = [];\r\n        } else {\r\n            // 如果是同一首歌，判断状态\r\n            if (state === RequestStateCode.PENDING_FIRST_PAGE || state === RequestStateCode.PENDING_REST_PAGE) {\r\n                return; // 正在加载中，直接返回\r\n            }\r\n\r\n            // 如果是 Finished 状态 直接返回\r\n            if (state === RequestStateCode.FINISHED) {\r\n                return;\r\n            }\r\n\r\n            if (state === RequestStateCode.ERROR) {\r\n                // 出错状态，从当前页继续请求\r\n                nextPage = page;\r\n            } else {\r\n                // 其他状态，从下一页开始请求\r\n                nextPage = page + 1;\r\n            }\r\n\r\n            nextComments = comments;\r\n        }\r\n\r\n        if (!mediaItem) {\r\n            return;\r\n        }\r\n\r\n        const plugin = PluginManager.getByMedia(mediaItem);\r\n        if (!plugin) {\r\n            return;\r\n        }\r\n\r\n        getDefaultStore().set(commentsAtom, {\r\n            mediaItem,\r\n            comments,\r\n            page: nextPage,\r\n            state: nextPage === 1 ? RequestStateCode.PENDING_FIRST_PAGE : RequestStateCode.PENDING_REST_PAGE,\r\n        });\r\n\r\n        try {\r\n            const result = await plugin.methods\r\n                .getMusicComments(mediaItem as any, nextPage);\r\n\r\n            // 查看是否是同一首歌\r\n            if (mountedRef.current && isSameMediaItem(mediaItem, getDefaultStore().get(commentsAtom).mediaItem)) {\r\n                nextComments = nextComments.concat(result.data || []);\r\n\r\n                getDefaultStore().set(commentsAtom, {\r\n                    mediaItem,\r\n                    comments: nextComments,\r\n                    page: nextPage,\r\n                    state: result.isEnd === false ? RequestStateCode.PARTLY_DONE : RequestStateCode.FINISHED,\r\n                });\r\n            }\r\n        } catch (error) {\r\n            if (mountedRef.current && isSameMediaItem(mediaItem, getDefaultStore().get(commentsAtom).mediaItem)) {\r\n                getDefaultStore().set(commentsAtom, {\r\n                    mediaItem,\r\n                    comments: nextComments,\r\n                    page: nextPage,\r\n                    state: RequestStateCode.ERROR,\r\n                });\r\n            }\r\n        }\r\n\r\n    }, [mediaItem]);\r\n\r\n\r\n    useEffect(() => {\r\n        getComments();\r\n    }, []);\r\n\r\n\r\n    return [commentsValue.state, commentsValue.comments, getComments] as const;\r\n}\r\n"
  },
  {
    "path": "src/components/panels/types/musicItemLyricOptions.tsx",
    "content": "import FastImage from \"@/components/base/fastImage\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport { getMediaUniqueKey } from \"@/utils/mediaUtils\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport Toast from \"@/utils/toast\";\r\nimport Clipboard from \"@react-native-clipboard/clipboard\";\r\nimport React from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\n\r\nimport Divider from \"@/components/base/divider\";\r\nimport { IIconName } from \"@/components/base/icon.tsx\";\r\nimport { hidePanel } from \"@/components/panels/usePanel.ts\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport Config from \"@/core/appConfig\";\r\nimport lyricManager from \"@/core/lyricManager\";\r\nimport mediaCache from \"@/core/mediaCache\";\r\nimport LyricUtil from \"@/native/lyricUtil\";\r\nimport { getDocumentAsync } from \"expo-document-picker\";\r\nimport { readAsStringAsync } from \"expo-file-system\";\r\nimport { FlatList } from \"react-native-gesture-handler\";\r\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\r\nimport PanelBase from \"../base/panelBase\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\ninterface IMusicItemLyricOptionsProps {\r\n    /** 歌曲信息 */\r\n    musicItem: IMusic.IMusicItem;\r\n}\r\n\r\nconst ITEM_HEIGHT = rpx(96);\r\n\r\ninterface IOption {\r\n    icon: IIconName;\r\n    title: string;\r\n    onPress?: () => void;\r\n    show?: boolean;\r\n}\r\n\r\nexport default function MusicItemLyricOptions(\r\n    props: IMusicItemLyricOptionsProps,\r\n) {\r\n    const { musicItem } = props ?? {};\r\n\r\n    const safeAreaInsets = useSafeAreaInsets();\r\n    const { t } = useI18N();\r\n\r\n    const options: IOption[] = [\r\n        {\r\n            icon: \"identification\",\r\n            title: `ID: ${getMediaUniqueKey(musicItem)}`,\r\n            onPress: () => {\r\n                mediaCache.setMediaCache(musicItem);\r\n                Clipboard.setString(\r\n                    JSON.stringify(\r\n                        {\r\n                            platform: musicItem.platform,\r\n                            id: musicItem.id,\r\n                        },\r\n                        null,\r\n                        \"\",\r\n                    ),\r\n                );\r\n                Toast.success(t(\"toast.copiedToClipboard\"));\r\n            },\r\n        },\r\n        {\r\n            icon: \"user\",\r\n            title: t(\"panel.musicItemLyricOptions.author\", { artist: musicItem.artist }),\r\n            onPress: () => {\r\n                try {\r\n                    Clipboard.setString(musicItem.artist.toString());\r\n                    Toast.success(t(\"toast.copiedToClipboard\"));\r\n                } catch {\r\n                    Toast.success(t(\"toast.copiedToClipboardFailed\"));\r\n                }\r\n            },\r\n        },\r\n        {\r\n            icon: \"album-outline\",\r\n            show: !!musicItem.album,\r\n            title: t(\"panel.musicItemLyricOptions.album\", { album: musicItem.album }),\r\n            onPress: () => {\r\n                try {\r\n                    Clipboard.setString(musicItem.album.toString());\r\n                    Toast.success(t(\"toast.copiedToClipboard\"));\r\n                } catch {\r\n                    Toast.success(t(\"toast.copiedToClipboardFailed\"));\r\n                }\r\n            },\r\n        },\r\n        {\r\n            icon: \"lyric\", title: t(\"panel.musicItemLyricOptions.toggleDesktopLyric\", {\r\n                status: Config.getConfig(\"lyric.showStatusBarLyric\")\r\n                    ? t(\"panel.musicItemLyricOptions.disableDesktopLyric\")\r\n                    : t(\"panel.musicItemLyricOptions.enableDesktopLyric\"),\r\n            }),\r\n            async onPress() {\r\n                const showStatusBarLyric = Config.getConfig(\"lyric.showStatusBarLyric\");\r\n                if (!showStatusBarLyric) {\r\n                    const hasPermission =\r\n                        await LyricUtil.checkSystemAlertPermission();\r\n\r\n                    if (hasPermission) {\r\n                        const statusBarLyricConfig = {\r\n                            topPercent: Config.getConfig(\"lyric.topPercent\"),\r\n                            leftPercent: Config.getConfig(\"lyric.leftPercent\"),\r\n                            align: Config.getConfig(\"lyric.align\"),\r\n                            color: Config.getConfig(\"lyric.color\"),\r\n                            backgroundColor: Config.getConfig(\"lyric.backgroundColor\"),\r\n                            widthPercent: Config.getConfig(\"lyric.widthPercent\"),\r\n                            fontSize: Config.getConfig(\"lyric.fontSize\"),\r\n                        };\r\n                        LyricUtil.showStatusBarLyric(\r\n                            \"MusicFree\",\r\n                            statusBarLyricConfig ?? {}\r\n                        );\r\n                        Config.setConfig(\"lyric.showStatusBarLyric\", true);\r\n                    } else {\n                        LyricUtil.requestSystemAlertPermission().finally(() => {\r\n                            Toast.warn(t(\"panel.musicItemLyricOptions.desktopLyricPermissionError\"));\r\n                        });\r\n                    }\r\n                } else {\r\n                    LyricUtil.hideStatusBarLyric();\r\n                    Config.setConfig(\"lyric.showStatusBarLyric\", false);\r\n                }\r\n                hidePanel();\r\n            },\r\n        },\r\n        {\r\n            icon: \"arrow-up-tray\",\r\n            title: t(\"panel.musicItemLyricOptions.uploadLocalLyric\"),\r\n            async onPress() {\r\n                try {\r\n                    const result = await getDocumentAsync({\r\n                        copyToCacheDirectory: true,\r\n                    });\r\n                    if (result.canceled) {\r\n                        return;\r\n                    }\r\n                    const pickedDoc = result.assets[0].uri;\r\n                    const lyricContent = await readAsStringAsync(pickedDoc, {\r\n                        encoding: \"utf8\",\r\n                    });                    await lyricManager.uploadLocalLyric(musicItem, lyricContent);\r\n                    Toast.success(t(\"toast.settingSuccess\"));\r\n                    hidePanel();\r\n                } catch (e: any) {\r\n                    console.log(e);\r\n                    Toast.warn(t(\"panel.musicItemLyricOptions.settingFail\", {\r\n                        reason: e?.message,\r\n                    }));\r\n                }\r\n            },\r\n        },\r\n        {\r\n            icon: \"arrow-up-tray\",\r\n            title: t(\"panel.musicItemLyricOptions.uploadLocalLyricTranslation\"),\r\n            async onPress() {\r\n                try {\r\n                    const result = await getDocumentAsync({\r\n                        copyToCacheDirectory: true,\r\n                    });\r\n                    if (result.canceled) {\r\n                        return;\r\n                    }\r\n                    const pickedDoc = result.assets[0].uri;\r\n                    const lyricContent = await readAsStringAsync(pickedDoc, {\r\n                        encoding: \"utf8\",\r\n                    });                    await lyricManager.uploadLocalLyric(musicItem, lyricContent, \"translation\");\r\n                    Toast.success(t(\"toast.settingSuccess\"));\r\n                    hidePanel();\r\n                } catch (e: any) {\r\n                    console.log(e);\r\n                    Toast.warn(t(\"panel.musicItemLyricOptions.settingFail\", {\r\n                        reason: e?.message,\r\n                    }));\r\n                }\r\n            },\r\n        },\r\n        {\r\n            icon: \"trash-outline\",\r\n            title: t(\"panel.musicItemLyricOptions.deleteLocalLyric\"),\r\n            async onPress() {\r\n                try {\r\n                    lyricManager.removeLocalLyric(musicItem);\r\n                    hidePanel();\r\n                } catch (e: any) {\r\n                    console.log(e);\r\n                    Toast.warn(t(\"panel.musicItemLyricOptions.deleteFail\", {\r\n                        reason: e?.message,\r\n                    }));\r\n                }\r\n            },\r\n        },\r\n    ];\r\n\r\n    return (\r\n        <PanelBase\r\n            renderBody={() => (\r\n                <>\r\n                    <View style={style.header}>\r\n                        <FastImage\r\n                            style={style.artwork}\r\n                            source={musicItem?.artwork}\r\n                            placeholderSource={ImgAsset.albumDefault}\r\n                        />\r\n                        <View style={style.content}>\r\n                            <ThemeText numberOfLines={2} style={style.title}>\r\n                                {musicItem?.title}\r\n                            </ThemeText>\r\n                            <ThemeText\r\n                                fontColor=\"textSecondary\"\r\n                                fontSize=\"description\"\r\n                                numberOfLines={2}>\r\n                                {musicItem?.artist}{\" \"}\r\n                                {musicItem?.album ? `- ${musicItem.album}` : \"\"}\r\n                            </ThemeText>\r\n                        </View>\r\n                    </View>\r\n                    <Divider />\r\n                    <View style={style.wrapper}>\r\n                        <FlatList\r\n                            data={options}\r\n                            getItemLayout={(_, index) => ({\r\n                                length: ITEM_HEIGHT,\r\n                                offset: ITEM_HEIGHT * index,\r\n                                index,\r\n                            })}\r\n                            ListFooterComponent={<View style={style.footer} />}\r\n                            style={[\r\n                                style.listWrapper,\r\n                                {\r\n                                    marginBottom: safeAreaInsets.bottom,\r\n                                },\r\n                            ]}\r\n                            keyExtractor={_ => _.title}\r\n                            renderItem={({ item }) =>\r\n                                item.show !== false ? (\r\n                                    <ListItem\r\n                                        withHorizontalPadding\r\n                                        heightType=\"small\"\r\n                                        onPress={item.onPress}>\r\n                                        <ListItem.ListItemIcon\r\n                                            width={rpx(48)}\r\n                                            icon={item.icon}\r\n                                            iconSize={iconSizeConst.light}\r\n                                        />\r\n                                        <ListItem.Content title={item.title} />\r\n                                    </ListItem>\r\n                                ) : null\r\n                            }\r\n                        />\r\n                    </View>\r\n                </>\r\n            )}\r\n        />\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: rpx(750),\r\n        flex: 1,\r\n    },\r\n    header: {\r\n        width: rpx(750),\r\n        height: rpx(200),\r\n        flexDirection: \"row\",\r\n        padding: rpx(24),\r\n    },\r\n    listWrapper: {\r\n        paddingTop: rpx(12),\r\n    },\r\n    artwork: {\r\n        width: rpx(140),\r\n        height: rpx(140),\r\n        borderRadius: rpx(16),\r\n    },\r\n    content: {\r\n        marginLeft: rpx(36),\r\n        width: rpx(526),\r\n        height: rpx(140),\r\n        justifyContent: \"space-around\",\r\n    },\r\n    title: {\r\n        paddingRight: rpx(24),\r\n    },\r\n    footer: {\r\n        width: rpx(750),\r\n        height: rpx(30),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/musicItemOptions.tsx",
    "content": "import React from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport Clipboard from \"@react-native-clipboard/clipboard\";\r\n\r\nimport { getMediaUniqueKey } from \"@/utils/mediaUtils\";\r\nimport FastImage from \"@/components/base/fastImage\";\r\nimport Toast from \"@/utils/toast\";\r\nimport LocalMusicSheet from \"@/core/localMusicSheet\";\r\nimport { localMusicSheetId, musicHistorySheetId } from \"@/constants/commonConst\";\r\nimport { ROUTE_PATH } from \"@/core/router\";\r\n\r\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\r\nimport PanelBase from \"../base/panelBase\";\r\nimport { FlatList } from \"react-native-gesture-handler\";\r\nimport musicHistory from \"@/core/musicHistory\";\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport { hidePanel, showPanel } from \"../usePanel\";\r\nimport Divider from \"@/components/base/divider\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport Config from \"@/core/appConfig\";\r\nimport TrackPlayer from \"@/core/trackPlayer\";\r\nimport mediaCache from \"@/core/mediaCache\";\r\nimport { IIconName } from \"@/components/base/icon.tsx\";\r\nimport MusicSheet from \"@/core/musicSheet\";\r\nimport downloader from \"@/core/downloader\";\r\nimport { getMediaExtraProperty } from \"@/utils/mediaExtra\";\r\nimport lyricManager from \"@/core/lyricManager\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport pluginManager from \"@/core/pluginManager\";\r\n\r\ninterface IMusicItemOptionsProps {\r\n    /** 歌曲信息 */\r\n    musicItem: IMusic.IMusicItem;\r\n    /** 歌曲所在歌单 */\r\n    musicSheet?: IMusic.IMusicSheetItem;\r\n    /** 来源 */\r\n    from?: string;\r\n}\r\n\r\nconst ITEM_HEIGHT = rpx(96);\r\n\r\ninterface IOption {\r\n    icon: IIconName;\r\n    title: string;\r\n    onPress?: () => void;\r\n    show?: boolean;\r\n}\r\n\r\nexport default function MusicItemOptions(props: IMusicItemOptionsProps) {\r\n    const { musicItem, musicSheet, from } = props ?? {};\r\n    const { t } = useI18N();\r\n\r\n    const safeAreaInsets = useSafeAreaInsets();\r\n\r\n    const downloaded = LocalMusicSheet.isLocalMusic(musicItem);\r\n    const associatedLrc = getMediaExtraProperty(musicItem, \"associatedLrc\");\r\n\r\n    const options: IOption[] = [\r\n        {\r\n            icon: \"identification\",\r\n            title: `ID: ${getMediaUniqueKey(musicItem)}`,\r\n            onPress: () => {\r\n                mediaCache.setMediaCache(musicItem);\r\n                Clipboard.setString(\r\n                    JSON.stringify(\r\n                        {\r\n                            platform: musicItem.platform,\r\n                            id: musicItem.id,\r\n                        },\r\n                        null,\r\n                        \"\",\r\n                    ),\r\n                );\r\n                Toast.success(t(\"toast.copiedToClipboard\"));\r\n            },\r\n        },\r\n        {\r\n            icon: \"user\",\r\n            title: t(\"panel.musicItemOptions.author\", { artist: musicItem.artist }),\r\n            onPress: () => {\r\n                try {\r\n                    Clipboard.setString(musicItem.artist.toString());\r\n                    Toast.success(t(\"toast.copiedToClipboard\"));\r\n                } catch {\r\n                    Toast.warn(t(\"toast.copiedToClipboardFailed\"));\r\n                }\r\n            },\r\n        },\r\n        {\r\n            icon: \"album-outline\",\r\n            show: !!musicItem.album,\r\n            title: t(\"panel.musicItemOptions.album\", { album: musicItem.album }),\r\n            onPress: () => {\r\n                try {\r\n                    Clipboard.setString(musicItem.album.toString());\r\n                    Toast.success(t(\"toast.copiedToClipboard\"));\r\n                } catch {\r\n                    Toast.warn(t(\"toast.copiedToClipboardFailed\"));\r\n                }\r\n            },\r\n        },\r\n        {\r\n            icon: \"motion-play\",\r\n            title: t(\"musicListEditor.addToNextPlay\"),\r\n            onPress: () => {\r\n                TrackPlayer.addNext(musicItem);\r\n                hidePanel();\r\n            },\r\n        },\r\n        {\r\n            icon: \"folder-plus\",\r\n            title: t(\"musicListEditor.addToSheet\"),\r\n            onPress: () => {\r\n                showPanel(\"AddToMusicSheet\", { musicItem });\r\n            },\r\n        },\r\n        {\r\n            icon: \"arrow-down-tray\",\r\n            title: t(\"common.download\"),\r\n            show: !downloaded,\r\n            onPress: async () => {\r\n                showPanel(\"MusicQuality\", {\r\n                    musicItem,\r\n                    type: \"download\",\r\n                    async onQualityPress(quality) {\r\n                        downloader.download(musicItem, quality);\r\n                    },\r\n                });\r\n            },\r\n        },\r\n        {\r\n            icon: \"check-circle-outline\",\r\n            title: t(\"panel.musicItemOptions.downloaded\"),\r\n            show: !!downloaded,\r\n        },\r\n        {\r\n            icon: \"trash-outline\",\r\n            title: t(\"common.delete\"),\r\n            show: !!musicSheet,\r\n            onPress: async () => {\r\n                if (musicSheet?.id === localMusicSheetId) {\r\n                    await LocalMusicSheet.removeMusic(musicItem);\r\n                } else if (musicSheet?.id === musicHistorySheetId) {\r\n                    await musicHistory.removeMusic(musicItem);\r\n                } else {\r\n                    await MusicSheet.removeMusic(musicSheet!.id, musicItem);\r\n                }\r\n                Toast.success(t(\"toast.deleteSuccess\"));\r\n                hidePanel();\r\n            },\r\n        },\r\n        {\r\n            icon: \"trash-outline\",\r\n            title: t(\"panel.musicItemOptions.deleteLocalDownload\"),\r\n            show: !!downloaded,\r\n            onPress: () => {\r\n                showDialog(\"SimpleDialog\", {\r\n                    title: t(\"panel.musicItemOptions.deleteLocalDownload\"),\r\n                    content: t(\"panel.musicItemOptions.deleteLocalDownloadConfirm\"),\r\n                    async onOk() {\r\n                        try {\r\n                            await LocalMusicSheet.removeMusic(musicItem, true);\r\n                            Toast.success(t(\"toast.deleteSuccess\"));\r\n                        } catch (e: any) {\r\n                            Toast.warn(`${t(\"panel.musicItemOptions.deleteFailed\")} ${e?.message ?? e}`);\r\n                        }\r\n                    },\r\n                });\r\n                hidePanel();\r\n            },\r\n        },\r\n        {\r\n            icon: \"chat-bubble-oval-left-ellipsis\",\r\n            title: t(\"panel.musicItemOptions.readComment\"),\r\n            show: !!pluginManager.getByMedia(musicItem)?.supportedMethods.has(\"getMusicComments\"),\r\n            onPress: () => {\r\n                if (!musicItem) {\r\n                    return;\r\n                }\r\n                showPanel(\"MusicComment\", {\r\n                    musicItem: musicItem,\r\n                });\r\n            },\r\n        },\r\n        {\r\n            icon: \"link\",\r\n            title: associatedLrc\r\n                ? t(\"panel.musicItemOptions.associatedLyric\", { platform: associatedLrc.platform, id: associatedLrc.id })\r\n                : t(\"panel.musicItemOptions.associateLyric\"),\r\n            onPress: async () => {\r\n                if (\r\n                    Config.getConfig(\"basic.associateLyricType\") === \"input\"\r\n                ) {\r\n                    showPanel(\"AssociateLrc\", {\r\n                        musicItem,\r\n                    });\r\n                } else {\r\n                    showPanel(\"SearchLrc\", {\r\n                        musicItem,\r\n                    });\r\n                }\r\n            },\r\n        },\r\n        {\r\n            icon: \"link-slash\",\r\n            title: t(\"panel.musicItemOptions.unassociateLyric\"),\r\n            show: !!associatedLrc,\r\n            onPress: async () => {\r\n                lyricManager.unassociateLyric(musicItem);\r\n                Toast.success(t(\"panel.musicItemOptions.unassociateLyricSuccess\"));\r\n                hidePanel();\r\n            },\r\n        },\r\n        {\r\n            icon: \"alarm-outline\",\r\n            title: t(\"panel.musicItemOptions.timingClose\"),\r\n            show: from === ROUTE_PATH.MUSIC_DETAIL,\r\n            onPress: () => {\r\n                showPanel(\"TimingClose\");\r\n            },\r\n        },\r\n        {\r\n            icon: \"archive-box-x-mark\",\r\n            title: t(\"panel.musicItemOptions.clearPluginCache\"),\r\n            onPress: () => {\r\n                mediaCache.removeMediaCache(musicItem);\r\n                Toast.success(t(\"panel.musicItemOptions.cacheCleared\"));\r\n            },\r\n        },\r\n    ];\r\n\r\n    return (\r\n        <PanelBase\r\n            renderBody={() => (\r\n                <>\r\n                    <View style={style.header}>\r\n                        <FastImage\r\n                            style={style.artwork}\r\n                            source={musicItem?.artwork}\r\n                            placeholderSource={ImgAsset.albumDefault}\r\n                        />\r\n                        <View style={style.content}>\r\n                            <ThemeText numberOfLines={2} style={style.title}>\r\n                                {musicItem?.title}\r\n                            </ThemeText>\r\n                            <ThemeText\r\n                                fontColor=\"textSecondary\"\r\n                                numberOfLines={2}\r\n                                fontSize=\"description\">\r\n                                {musicItem?.artist}{\" \"}\r\n                                {musicItem?.album ? `- ${musicItem.album}` : \"\"}\r\n                            </ThemeText>\r\n                        </View>\r\n                    </View>\r\n                    <Divider />\r\n                    <View style={style.wrapper}>\r\n                        <FlatList\r\n                            data={options}\r\n                            getItemLayout={(_, index) => ({\r\n                                length: ITEM_HEIGHT,\r\n                                offset: ITEM_HEIGHT * index,\r\n                                index,\r\n                            })}\r\n                            ListFooterComponent={<View style={style.footer} />}\r\n                            style={[\r\n                                style.listWrapper,\r\n                                {\r\n                                    marginBottom: safeAreaInsets.bottom,\r\n                                },\r\n                            ]}\r\n                            keyExtractor={_ => _.title}\r\n                            renderItem={({ item }) =>\r\n                                item.show !== false ? (\r\n                                    <ListItem\r\n                                        withHorizontalPadding\r\n                                        heightType=\"small\"\r\n                                        onPress={item.onPress}>\r\n                                        <ListItem.ListItemIcon\r\n                                            width={rpx(48)}\r\n                                            icon={item.icon}\r\n                                            iconSize={iconSizeConst.light}\r\n                                        />\r\n                                        <ListItem.Content title={item.title} />\r\n                                    </ListItem>\r\n                                ) : null\r\n                            }\r\n                        />\r\n                    </View>\r\n                </>\r\n            )}\r\n        />\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: rpx(750),\r\n        flex: 1,\r\n    },\r\n    header: {\r\n        width: rpx(750),\r\n        height: rpx(200),\r\n        flexDirection: \"row\",\r\n        padding: rpx(24),\r\n    },\r\n    listWrapper: {\r\n        paddingTop: rpx(12),\r\n    },\r\n    artwork: {\r\n        width: rpx(140),\r\n        height: rpx(140),\r\n        borderRadius: rpx(16),\r\n    },\r\n    content: {\r\n        marginLeft: rpx(36),\r\n        width: rpx(526),\r\n        height: rpx(140),\r\n        justifyContent: \"space-around\",\r\n    },\r\n    title: {\r\n        paddingRight: rpx(24),\r\n    },\r\n    footer: {\r\n        width: rpx(750),\r\n        height: rpx(30),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/musicQuality.tsx",
    "content": "import React, { Fragment } from \"react\";\nimport { Pressable, StyleSheet } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\n\nimport { qualityKeys, qualityText } from \"@/utils/qualities\";\nimport { sizeFormatter } from \"@/utils/fileUtils\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport PanelBase from \"../base/panelBase\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport { hidePanel } from \"../usePanel\";\nimport Divider from \"@/components/base/divider\";\nimport PanelHeader from \"../base/panelHeader\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IMusicQualityProps {\n    type?: \"play\" | \"download\";\n    /** 歌曲信息 */\n    musicItem: IMusic.IMusicItem;\n    /** 点击回调 */\n    onQualityPress: (\n        quality: IMusic.IQualityKey,\n        musicItem: IMusic.IMusicItem,\n    ) => void;\n}\n\nexport default function MusicQuality(props: IMusicQualityProps) {\n    const safeAreaInsets = useSafeAreaInsets();\n    const i18n = useI18N();\n\n    const { musicItem, onQualityPress, type = \"play\" } = props ?? {};\n\n    return (\n        <PanelBase\n            height={rpx(520)}\n            renderBody={() => (\n                <>\n                    <PanelHeader\n                        title={i18n.t(\"panel.musicQuality.title\", {\n                            type:\n                                type === \"play\"\n                                    ? i18n.t(\"common.play\")\n                                    : i18n.t(\"common.download\"),\n                        })}\n                        hideButtons\n                    />\n                    <Divider />\n\n                    <ScrollView\n                        style={[\n                            style.body,\n                            {\n                                marginBottom: safeAreaInsets.bottom,\n                            },\n                        ]}>\n                        {qualityKeys.map(key => {\n                            return (\n                                <Fragment key={`frag-${key}`}>\n                                    <Pressable\n                                        key={`btn-${key}`}\n                                        style={style.item}\n                                        onPress={() => {\n                                            onQualityPress(key, musicItem);\n                                            hidePanel();\n                                        }}>\n                                        <ThemeText>\n                                            {qualityText[key]}{\" \"}\n                                            {musicItem.qualities?.[key]?.size\n                                                ? `(${sizeFormatter(\n                                                      musicItem.qualities[key]\n                                                          .size!,\n                                                )})`\n                                                : \"\"}\n                                        </ThemeText>\n                                    </Pressable>\n                                </Fragment>\n                            );\n                        })}\n                    </ScrollView>\n                </>\n            )}\n        />\n    );\n}\n\nconst style = StyleSheet.create({\n    header: {\n        width: rpx(750),\n        flexDirection: \"row\",\n        padding: rpx(24),\n    },\n    body: {\n        flex: 1,\n        paddingHorizontal: rpx(24),\n    },\n    item: {\n        height: rpx(96),\n        justifyContent: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/components/panels/types/playList/body.tsx",
    "content": "import React, { useMemo, useRef } from \"react\";\r\nimport { Pressable, StyleSheet, Text, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport Tag from \"@/components/base/tag\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport { fontSizeConst } from \"@/constants/uiConst\";\r\nimport { isSameMediaItem } from \"@/utils/mediaUtils\";\r\nimport IconButton from \"@/components/base/iconButton\";\r\nimport Loading from \"@/components/base/loading\";\r\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport TrackPlayer, { useCurrentMusic, usePlayList } from \"@/core/trackPlayer\";\r\nimport { FlashList } from \"@shopify/flash-list\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\n\r\nconst ITEM_HEIGHT = rpx(108);\r\nconst ITEM_WIDTH = rpx(750);\r\n\r\ninterface IPlayListProps {\r\n    item: IMusic.IMusicItem;\r\n    isCurrentMusic: boolean;\r\n}\r\n\r\nfunction _PlayListItem(props: IPlayListProps) {\r\n    const colors = useColors();\r\n    const { item, isCurrentMusic } = props;\r\n\r\n    return (\r\n        <Pressable\r\n            onPress={() => {\r\n                TrackPlayer.play(item);\r\n            }}\r\n            style={style.musicItem}>\r\n            {isCurrentMusic && (\r\n                <Icon\r\n                    name=\"musical-note\"\r\n                    color={colors.textHighlight ?? colors.primary}\r\n                    size={fontSizeConst.content}\r\n                    style={style.currentPlaying}\r\n                />\r\n            )}\r\n            <ThemeText\r\n                style={[\r\n                    style.musicItemTitle,\r\n                    {\r\n                        color: isCurrentMusic\r\n                            ? colors.textHighlight ?? colors.primary\r\n                            : colors.text,\r\n                    },\r\n                ]}\r\n                ellipsizeMode=\"tail\"\r\n                numberOfLines={1}>\r\n                {item.title}\r\n                {item.artist && (\r\n                    <Text style={{ fontSize: fontSizeConst.description }}>\r\n                        {\" \"}\r\n                        - {item.artist}\r\n                    </Text>\r\n                )}\r\n            </ThemeText>\r\n            <Tag tagName={item.platform} />\r\n            <IconButton\r\n                style={{ marginLeft: rpx(14) }}\r\n                name=\"x-mark\"\r\n                sizeType=\"small\"\r\n                onPress={() => {\r\n                    TrackPlayer.remove(item);\r\n                }}\r\n            />\r\n        </Pressable>\r\n    );\r\n}\r\n\r\nconst PlayListItem = React.memo(\r\n    _PlayListItem,\r\n    (prev, next) =>\r\n        !!isSameMediaItem(prev.item, next.item) &&\r\n        prev.isCurrentMusic === next.isCurrentMusic,\r\n);\r\n\r\ninterface IBodyProps {\r\n    loading?: boolean;\r\n}\r\nexport default function Body(props: IBodyProps) {\r\n    const { loading } = props;\r\n    const playList = usePlayList();\r\n    const currentMusicItem = useCurrentMusic();\r\n    const listRef = useRef<FlashList<IMusic.IMusicItem> | null>();\r\n    const safeAreaInsets = useSafeAreaInsets();\r\n\r\n    const initIndex = useMemo(() => {\r\n        const id = playList.findIndex(_ =>\r\n            isSameMediaItem(currentMusicItem, _),\r\n        );\r\n\r\n        if (id !== -1) {\r\n            return id;\r\n        }\r\n        return undefined;\r\n    }, []);\r\n\r\n    const renderItem = ({ item }: { item: IMusic.IMusicItem; index: number }) => {\r\n        return (\r\n            <PlayListItem\r\n                item={item}\r\n                isCurrentMusic={!!isSameMediaItem(item, currentMusicItem)}\r\n            />\r\n        );\r\n    };\r\n\r\n    return loading ? (\r\n        <Loading />\r\n    ) : (\r\n        <View\r\n            style={[\r\n                style.playList,\r\n                {\r\n                    paddingBottom: safeAreaInsets.bottom,\r\n                },\r\n            ]}>\r\n            <FlashList\r\n                ref={_ => {\r\n                    listRef.current = _;\r\n                }}\r\n                extraData={{ currentMusicItem }}\r\n                estimatedItemSize={ITEM_HEIGHT}\r\n                data={playList}\r\n                initialScrollIndex={initIndex}\r\n                renderItem={renderItem}\r\n            />\r\n        </View>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    playList: {\r\n        width: rpx(750),\r\n        flex: 1,\r\n    },\r\n    currentPlaying: {\r\n        marginRight: rpx(6),\r\n    },\r\n    musicItem: {\r\n        width: ITEM_WIDTH,\r\n        height: ITEM_HEIGHT,\r\n        paddingHorizontal: rpx(24),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n    musicItemTitle: {\r\n        flex: 1,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/playList/header.tsx",
    "content": "import IconTextButton from \"@/components/base/iconTextButton\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport repeatModeConst from \"@/constants/repeatModeConst\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport TrackPlayer, { usePlayList, useRepeatMode } from \"@/core/trackPlayer\";\r\nimport delay from \"@/utils/delay\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport React from \"react\";\r\nimport { InteractionManager, StyleSheet, View } from \"react-native\";\r\n\r\nexport default function Header() {\r\n    const repeatMode = useRepeatMode();\r\n    const playList = usePlayList();\r\n    const { t } = useI18N();\r\n\r\n    return (\r\n        <View style={style.wrapper}>\r\n            <ThemeText\r\n                style={style.headerText}\r\n                fontSize=\"title\"\r\n                fontWeight=\"bold\">\r\n                {t(\"panel.playList.title\")}\r\n                <ThemeText fontColor=\"textSecondary\">\r\n                    {t(\"panel.playList.count\", {\r\n                        count: playList.length,\r\n                    })}\r\n                </ThemeText>\r\n            </ThemeText>\r\n            <IconTextButton\r\n                onPress={() => {\r\n                    InteractionManager.runAfterInteractions(async () => {\r\n                        await delay(20, false);\r\n                        TrackPlayer.toggleRepeatMode();\r\n                    });\r\n                }}\r\n                icon={repeatModeConst[repeatMode].icon}>\r\n                {t((\"repeatMode.\" + repeatMode) as any)}\r\n            </IconTextButton>\r\n            <IconTextButton\r\n                icon=\"trash-outline\"\r\n                onPress={() => {\r\n                    TrackPlayer.clearPlayList();\r\n                }}>\r\n                {t(\"common.clear\")}\r\n            </IconTextButton>\r\n        </View>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: rpx(750),\r\n        height: rpx(80),\r\n        paddingHorizontal: rpx(24),\r\n        marginTop: rpx(18),\r\n        marginBottom: rpx(12),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-between\",\r\n    },\r\n    headerText: {\r\n        flex: 1,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/playList/index.tsx",
    "content": "import React from \"react\";\n\nimport Header from \"./header\";\nimport Body from \"./body\";\nimport PanelBase from \"../../base/panelBase\";\nimport Divider from \"@/components/base/divider\";\nimport { vh } from \"@/utils/rpx\";\n\nexport default function () {\n    return (\n        <PanelBase\n            height={vh(80)}\n            keyboardAvoidBehavior=\"none\"\n            renderBody={loading => (\n                <>\n                    <Header />\n                    <Divider />\n                    <Body loading={loading} />\n                </>\n            )}\n        />\n    );\n}\n"
  },
  {
    "path": "src/components/panels/types/playRate.tsx",
    "content": "import React, { Fragment } from \"react\";\nimport { Pressable, StyleSheet } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\n\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport PanelBase from \"../base/panelBase\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport { hidePanel } from \"../usePanel\";\nimport Divider from \"@/components/base/divider\";\nimport PanelHeader from \"../base/panelHeader\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IPlayRateProps {\n    /** 点击回调 */\n    onRatePress: (rate: number) => void;\n}\n\nconst rates = [50, 75, 100, 125, 150, 175, 200];\n\nexport default function PlayRate(props: IPlayRateProps) {\n    const { onRatePress } = props ?? {};\n    const i18n = useI18N();\n\n    const safeAreaInsets = useSafeAreaInsets();\n\n    return (\n        <PanelBase\n            height={rpx(520)}\n            renderBody={() => (\n                <>\n                    <PanelHeader title={i18n.t(\"panel.playRate.title\")} hideButtons />\n                    <ScrollView\n                        style={[\n                            style.body,\n                            { marginBottom: safeAreaInsets.bottom },\n                        ]}>\n                        {rates.map(key => {\n                            return (\n                                <Fragment key={`frag-${key}`}>\n                                    <Pressable\n                                        key={`btn-${key}`}\n                                        style={style.item}\n                                        onPress={() => {\n                                            onRatePress(key);\n                                            hidePanel();\n                                        }}>\n                                        <ThemeText>{key / 100}x</ThemeText>\n                                    </Pressable>\n                                </Fragment>\n                            );\n                        })}\n                        <Divider />\n                    </ScrollView>\n                </>\n            )}\n        />\n    );\n}\n\nconst style = StyleSheet.create({\n    header: {\n        width: \"100%\",\n        flexDirection: \"row\",\n        padding: rpx(24),\n    },\n    body: {\n        flex: 1,\n        paddingHorizontal: rpx(24),\n    },\n    item: {\n        height: rpx(96),\n        justifyContent: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/components/panels/types/searchLrc/LyricList.tsx",
    "content": "import Loading from \"@/components/base/loading\";\nimport LyricItem from \"@/components/mediaItem/LyricItem\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\nimport lyricManager from \"@/core/lyricManager\";\nimport TrackPlayer from \"@/core/trackPlayer\";\nimport rpx from \"@/utils/rpx\";\nimport Toast from \"@/utils/toast\";\nimport React, { memo } from \"react\";\nimport { hidePanel } from \"../../usePanel\";\nimport searchResultStore, { ISearchLyricResult } from \"./searchResultStore\";\nimport ListEmpty from \"@/components/base/listEmpty\";\nimport ListFooter from \"@/components/base/listFooter\";\nimport { FlashList } from \"@shopify/flash-list\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ILyricListWrapperProps {\n    route: {\n        key: string;\n        title: string;\n    };\n}\nexport default function LyricListWrapper(props: ILyricListWrapperProps) {\n    const hash = props.route.key;\n    const dataStore = searchResultStore.useValue();\n    return <LyricList data={dataStore.data[hash]} />;\n}\n\ninterface ILyricListProps {\n    data: ISearchLyricResult;\n}\n\nconst ITEM_HEIGHT = rpx(120);\nfunction LyricListImpl(props: ILyricListProps) {\n    const data = props.data;\n    const searchState = data?.state ?? RequestStateCode.IDLE;\n\n    const { t } = useI18N();\n\n    return searchState === RequestStateCode.PENDING_FIRST_PAGE ? (\n        <Loading />\n    ) : (\n        <FlashList\n            estimatedItemSize={ITEM_HEIGHT}\n            renderItem={({ item }) => (\n                <LyricItem\n                    lyricItem={item}\n                    onPress={async () => {\n                        try {\n                            const currentMusic = TrackPlayer.currentMusic;\n                            if (!currentMusic) {\n                                return;\n                            }\n\n                            lyricManager.associateLyric(currentMusic, item);\n                            Toast.success(t(\"panel.searchLrc.toast.settingSuccess\"));\n                            hidePanel();\n                            // 触发刷新歌词\n                        } catch {\n                            Toast.warn(t(\"panel.searchLrc.toast.failToSearch\"));\n                        }\n                    }}\n                />\n            )}\n            ListEmptyComponent={<ListEmpty state={searchState} />}\n            ListFooterComponent={data?.data?.length ? <ListFooter state={searchState} /> : null}\n            data={data?.data}\n        />\n    );\n}\n\nconst LyricList = memo(LyricListImpl, (prev, curr) => prev.data === curr.data);\n"
  },
  {
    "path": "src/components/panels/types/searchLrc/index.tsx",
    "content": "import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\nimport rpx, { vmax, vw } from \"@/utils/rpx\";\n\nimport { fontSizeConst, fontWeightConst } from \"@/constants/uiConst\";\nimport Button from \"@/components/base/textButton.tsx\";\nimport useColors from \"@/hooks/useColors\";\nimport PanelBase from \"../../base/panelBase\";\nimport { TextInput } from \"react-native-gesture-handler\";\nimport useSearchLrc from \"./useSearchLrc\";\nimport PluginManager from \"@/core/pluginManager\";\nimport { SceneMap, TabBar, TabView } from \"react-native-tab-view\";\nimport LyricList from \"./LyricList\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport NoPlugin from \"@/components/base/noPlugin\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface INewMusicSheetProps {\n    musicItem?: IMusic.IMusicItem | null;\n}\n\nexport default function SearchLrc(props: INewMusicSheetProps) {\n    const { musicItem } = props;\n    const [input, setInput] = useState(\n        musicItem?.alias ?? musicItem?.title ?? \"\",\n    );\n    const colors = useColors();\n    const { t } = useI18N();\n\n    const searchLrc = useSearchLrc();\n\n    useEffect(() => {\n        if (musicItem) {\n            searchLrc(musicItem.alias || musicItem.title, 1);\n        }\n    }, []);\n\n    return (\n        <PanelBase\n            keyboardAvoidBehavior=\"none\"\n            height={vmax(80)}\n            positionMethod='top'\n            renderBody={() => (\n                <View style={style.wrapper}>\n                    <View style={style.titleContainer}>\n                        <TextInput\n                            value={input}\n                            onChangeText={_ => {\n                                setInput(_);\n                            }}\n                            onSubmitEditing={() => {\n                                searchLrc(input, 1);\n                            }}\n                            style={[\n                                style.input,\n                                {\n                                    color: colors.text,\n                                    backgroundColor: colors.placeholder,\n                                },\n                            ]}\n                            placeholderTextColor={colors.textSecondary}\n                            placeholder={t(\"panel.searchLrc.inputPlaceholder\")}\n                            maxLength={80}\n                        />\n                        <Button\n                            style={style.searchBtn}\n                            onPress={() => {\n                                searchLrc(input, 1);\n                            }}>\n                            {t(\"common.search\")}\n                        </Button>\n                    </View>\n                    <LyricResultBodyWrapper />\n                </View>\n            )}\n        />\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: rpx(750),\n        paddingTop: rpx(36),\n        flex: 1,\n    },\n    titleContainer: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        marginBottom: rpx(6),\n        paddingHorizontal: rpx(24),\n    },\n\n    opeartions: {\n        width: rpx(750),\n        paddingHorizontal: rpx(24),\n        flexDirection: \"row\",\n        height: rpx(100),\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    input: {\n        borderRadius: rpx(12),\n        fontSize: fontSizeConst.content,\n        lineHeight: fontSizeConst.content * 1.5,\n        padding: rpx(12),\n        flex: 1,\n    },\n    searchBtn: {\n        marginLeft: rpx(12),\n    },\n});\n\nfunction LyricResultBodyWrapper() {\n    const [index, setIndex] = useState(0);\n    const { t } = useI18N();\n\n    const routes = useMemo(() => PluginManager.getSortedSearchablePlugins(\"lyric\")?.map?.(\n        _ => ({\n            key: _.hash,\n            title: _.name,\n        }),\n    ) ?? [], []);\n\n    const sceneMap = useMemo(() => {\n        const scene: Record<string, any> = {};\n        routes.forEach(r => {\n            scene[r.key] = LyricList;\n        });\n        return SceneMap(scene);\n\n    }, [routes]);\n\n\n    const colors = useColors();\n    return routes?.length ? (\n        <TabView\n            style={globalStyle.fwflex1}\n            lazy\n            navigationState={{\n                index,\n                routes,\n            }}\n            renderTabBar={_ => (\n                <TabBar\n                    {..._}\n                    scrollEnabled\n                    style={{\n                        backgroundColor: \"transparent\",\n                        shadowColor: \"transparent\",\n                        borderColor: \"transparent\",\n                    }}\n                    tabStyle={{\n                        width: \"auto\",\n                    }}\n                    pressColor=\"transparent\"\n                    inactiveColor={colors.text}\n                    activeColor={colors.primary}\n                    renderLabel={({ route, focused, color }) => (\n                        <Text\n                            numberOfLines={1}\n                            style={{\n                                width: rpx(160),\n                                fontWeight: focused\n                                    ? fontWeightConst.bolder\n                                    : fontWeightConst.medium,\n                                color,\n                                textAlign: \"center\",\n                            }}>\n                            {route.title ?? t(\"panel.searchLrc.unnamed\")}\n                        </Text>\n                    )}\n                    indicatorStyle={{\n                        backgroundColor: colors.primary,\n                        height: rpx(4),\n                    }}\n                />\n            )}\n            renderScene={sceneMap}\n            onIndexChange={setIndex}\n            initialLayout={{ width: vw(100) }}\n        />\n    ) : (\n        <NoPlugin notSupportType={t(\"panel.searchLrc.notSupported\")} />\n    );\n}\n"
  },
  {
    "path": "src/components/panels/types/searchLrc/searchResultStore.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport { GlobalState } from \"@/utils/stateMapper\";\n\nexport interface ISearchLyricResult {\n    data: ILyric.ILyricItem[];\n    state: RequestStateCode;\n    page: number;\n}\n\ninterface ISearchLyricStoreData {\n    query?: string;\n    // plugin - result\n    data: Record<string, ISearchLyricResult>;\n}\n\nexport default new GlobalState<ISearchLyricStoreData>({ data: {} });\n"
  },
  {
    "path": "src/components/panels/types/searchLrc/useSearchLrc.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport PluginManager, { Plugin } from \"@/core/pluginManager\";\nimport { devLog, errorLog } from \"@/utils/log\";\nimport { produce } from \"immer\";\nimport { useCallback, useRef } from \"react\";\nimport searchResultStore from \"./searchResultStore\";\n\nexport default function useSearchLrc() {\n    // 当前正在搜索\n    const currentQueryRef = useRef<string>(\"\");\n\n    /**\n     * query: 搜索词\n     * queryPage: 搜索页码\n     * pluginHash: 搜索条件\n     */\n    const search = useCallback(async function (\n        query?: string,\n        queryPage?: number,\n        pluginHash?: string,\n    ) {\n        /** 如果没有指定插件，就用所有插件搜索 */\n        console.log(\"SEARCH LRC\", query, queryPage);\n        let plugins: Plugin[] = [];\n        if (pluginHash) {\n            const tgtPlugin = PluginManager.getByHash(pluginHash);\n            tgtPlugin && (plugins = [tgtPlugin]);\n        } else {\n            plugins = PluginManager.getSearchablePlugins(\"lyric\");\n        }\n        if (plugins.length === 0) {\n            searchResultStore.setValue(\n                produce(draft => {\n                    draft.data = {};\n                }),\n            );\n            return;\n        }\n        // 使用选中插件搜素\n        plugins.forEach(async plugin => {\n            const _platform = plugin.instance.platform;\n            const _hash = plugin.hash;\n            if (!_platform || !_hash) {\n                // 插件无效，此时直接进入结果页\n                searchResultStore.setValue(\n                    produce(draft => {\n                        draft.data = {};\n                    }),\n                );\n                return;\n            }\n\n            // 上一份搜索结果\n            const prevPluginResult =\n                searchResultStore.getValue().data[plugin.hash];\n            /** 上一份搜索还没返回/已经结束 */\n            if (\n                (prevPluginResult?.state ===\n                    RequestStateCode.PENDING_FIRST_PAGE ||\n                    prevPluginResult?.state === RequestStateCode.PENDING_REST_PAGE ||\n                    prevPluginResult?.state === RequestStateCode.FINISHED) &&\n                undefined === query\n            ) {\n                return;\n            }\n\n            // 是否是一次新的搜索\n            const newSearch =\n                query ||\n                prevPluginResult?.page === undefined ||\n                queryPage === 1;\n\n            // 本次搜索关键词\n            currentQueryRef.current = query =\n                query ?? searchResultStore.getValue().query ?? \"\";\n\n            /** 搜索的页码 */\n            const page =\n                queryPage ?? newSearch ? 1 : (prevPluginResult?.page ?? 0) + 1;\n            try {\n                searchResultStore.setValue(\n                    produce(draft => {\n                        const prevMediaResult = draft.data;\n                        prevMediaResult[_hash] = {\n                            state: newSearch\n                                ? RequestStateCode.PENDING_FIRST_PAGE\n                                : RequestStateCode.PENDING_REST_PAGE,\n                            // @ts-ignore\n                            data: newSearch\n                                ? []\n                                : prevMediaResult[_hash]?.data ?? [],\n                            page,\n                        };\n                    }),\n                );\n                const result = await plugin?.methods?.search?.(\n                    query,\n                    page,\n                    \"lyric\",\n                );\n                /** 如果搜索结果不是本次结果 */\n                if (currentQueryRef.current !== query) {\n                    return;\n                }\n                /** 切换到结果页 */\n                if (!result) {\n                    throw new Error(\"搜索结果为空\");\n                }\n                searchResultStore.setValue(\n                    produce(draft => {\n                        const prevMediaResult = draft.data;\n\n                        const prevPluginResult: any = prevMediaResult[\n                            _hash\n                        ] ?? {\n                            data: [],\n                        };\n                        const currResult = result.data ?? [];\n\n                        prevMediaResult[_hash] = {\n                            state:\n                                // result?.isEnd === false && result?.data?.length\n                                //     ? RequestStateCode.PARTLY_DONE\n                                //     : RequestStateCode.FINISHED,\n                                RequestStateCode.FINISHED,\n                            page,\n                            data: newSearch\n                                ? currResult\n                                : (prevPluginResult.data ?? []).concat(\n                                    currResult,\n                                ),\n                        };\n                        return draft;\n                    }),\n                );\n            } catch (e: any) {\n                errorLog(\"搜索失败\", e?.message);\n                devLog(\n                    \"error\",\n                    \"搜索失败\",\n                    `Plugin: ${plugin.name} Query: ${query} Page: ${page}`,\n                    e,\n                    e?.message,\n                );\n                /** 如果搜索结果不是本次结果 */\n                if (currentQueryRef.current !== query) {\n                    return;\n                }\n                searchResultStore.setValue(\n                    produce(draft => {\n                        const prevMediaResult = draft.data;\n                        const prevPluginResult = prevMediaResult[_hash] ?? {\n                            data: [],\n                        };\n\n                        prevPluginResult.state = RequestStateCode.FINISHED;\n                        return draft;\n                    }),\n                );\n            }\n        });\n    },\n    []);\n\n    return search;\n}\n"
  },
  {
    "path": "src/components/panels/types/setFontSize.tsx",
    "content": "import React, { useState } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\n\nimport PanelBase from \"../base/panelBase\";\nimport Slider from \"@react-native-community/slider\";\nimport useColors from \"@/hooks/useColors\";\nimport PanelHeader from \"../base/panelHeader\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IProps {\n    defaultSelect?: number;\n    /** 点击回调 */\n    onSelectChange: (value: number) => void;\n}\n\nexport default function SetFontSize(props: IProps) {\n    const { defaultSelect, onSelectChange } = props ?? {};\n    const colors = useColors();\n    const i18n = useI18N();\n    const [selected, setSelected] = useState(defaultSelect ?? 1);\n\n    return (\n        <PanelBase\n            height={rpx(520)}\n            keyboardAvoidBehavior=\"none\"\n            renderBody={() => (\n                <>\n                    <PanelHeader title={i18n.t(\"panel.setFontSize.title\")} hideButtons />\n                    <View style={styles.container}>\n                        <Slider\n                            style={styles.sliderContainer}\n                            thumbTintColor={colors.primary}\n                            minimumTrackTintColor={colors.primary}\n                            value={selected}\n                            step={1}\n                            onValueChange={val => {\n                                setSelected(val);\n                                onSelectChange?.(val);\n                            }}\n                            minimumValue={0}\n                            maximumValue={3}\n                        />\n                        <ThemeText style={styles.label}>{i18n.t(\"panel.setFontSize.small\")}</ThemeText>\n                        <ThemeText style={[styles.label, styles.label1]}>\n                            {i18n.t(\"panel.setFontSize.standard\")}\n                        </ThemeText>\n                        <ThemeText style={[styles.label, styles.label2]}>\n                            {i18n.t(\"panel.setFontSize.large\")}\n                        </ThemeText>\n                        <ThemeText style={[styles.label, styles.label3]}>\n                            {i18n.t(\"panel.setFontSize.extraLarge\")}\n                        </ThemeText>\n                    </View>\n                </>\n            )}\n        />\n    );\n}\n\nconst styles = StyleSheet.create({\n    header: {\n        width: \"100%\",\n        flexDirection: \"row\",\n        padding: rpx(24),\n    },\n    container: {\n        flex: 1,\n        paddingHorizontal: rpx(24),\n        width: \"100%\",\n        marginTop: rpx(88),\n    },\n    sliderContainer: {\n        height: rpx(80),\n    },\n    label: {\n        position: \"absolute\",\n        top: rpx(80),\n        width: rpx(72),\n        textAlign: \"center\",\n        left: rpx(24),\n        opacity: 0.5,\n    },\n    label1: {\n        left: rpx(234),\n    },\n    label2: {\n        left: rpx(442),\n    },\n    label3: {\n        left: rpx(646),\n    },\n});\n"
  },
  {
    "path": "src/components/panels/types/setLyricOffset.tsx",
    "content": "import React, { useState } from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\n\r\nimport PanelBase from \"../base/panelBase\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport PanelHeader from \"../base/panelHeader\";\r\nimport { TouchableOpacity } from \"react-native-gesture-handler\";\r\nimport { hidePanel } from \"../usePanel\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport { getMediaExtraProperty } from \"@/utils/mediaExtra\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\ninterface IProps {\r\n    musicItem: IMusic.IMusicItem;\r\n    /** 点击回调 */\r\n    onSubmit?: (offset: number) => void;\r\n}\r\n\r\nexport default function SetLyricOffset(props: IProps) {\r\n    const { musicItem, onSubmit } = props ?? {};\r\n    const { t } = useI18N();\r\n\r\n    const [offset, setOffset] = useState(\r\n        getMediaExtraProperty(musicItem, \"lyricOffset\") ?? 0\r\n    );\r\n\r\n    const colors = useColors();\r\n\r\n    let titleStr =\r\n        offset === 0\r\n            ? t(\"panel.setLyricOffset.normal\")\r\n            : offset < 0\r\n                ? t(\"panel.setLyricOffset.delay\", { time: (-offset).toFixed(1) })\r\n                : t(\"panel.setLyricOffset.advance\", { time: offset.toFixed(1) });\r\n\r\n    return (\r\n        <PanelBase\r\n            height={rpx(520)}\r\n            keyboardAvoidBehavior=\"none\"\r\n            renderBody={() => (\r\n                <>\r\n                    <PanelHeader\r\n                        title={t(\"panel.setLyricOffset.title\", { status: titleStr })}\r\n                        onOk={() => {\r\n                            onSubmit?.(offset);\r\n                        }}\r\n                        onCancel={hidePanel}\r\n                    />\r\n                    <View style={styles.container}>\r\n                        <TouchableOpacity\r\n                            style={styles.btn}\r\n                            onPress={() => {\r\n                                setOffset(prev => prev - 0.2);\r\n                            }}>\r\n                            <Icon\r\n                                name=\"minus\"\r\n                                size={iconSizeConst.big}\r\n                                color={colors.text}\r\n                            />\r\n                            <ThemeText>-0.2s</ThemeText>\r\n                        </TouchableOpacity>\r\n                        <TouchableOpacity\r\n                            style={styles.btn}\r\n                            onPress={() => {\r\n                                setOffset(0);\r\n                            }}>\r\n                            <Icon\r\n                                name=\"arrow-uturn-left\"\r\n                                size={iconSizeConst.big}\r\n                                color={colors.text}\r\n                            />\r\n                            <ThemeText>{t(\"panel.setLyricOffset.reset\")}</ThemeText>\r\n                        </TouchableOpacity>\r\n                        <TouchableOpacity\r\n                            style={styles.btn}\r\n                            onPress={() => {\r\n                                setOffset(prev => prev + 0.2);\r\n                            }}>\r\n                            <Icon\r\n                                name=\"plus\"\r\n                                size={iconSizeConst.big}\r\n                                color={colors.text}\r\n                            />\r\n                            <ThemeText>+0.2s</ThemeText>\r\n                        </TouchableOpacity>\r\n                    </View>\r\n                </>\r\n            )}\r\n        />\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    header: {\r\n        width: \"100%\",\r\n        flexDirection: \"row\",\r\n        padding: rpx(24),\r\n    },\r\n    container: {\r\n        flex: 1,\r\n        paddingHorizontal: rpx(24),\r\n        paddingBottom: rpx(36),\r\n        width: \"100%\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-around\",\r\n    },\r\n    btn: {\r\n        width: rpx(144),\r\n        height: rpx(144),\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-around\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/setUserVariables.tsx",
    "content": "import React, { useRef } from \"react\";\r\nimport { KeyboardAvoidingView, StyleSheet } from \"react-native\";\r\nimport rpx, { vmax } from \"@/utils/rpx\";\r\nimport useColors from \"@/hooks/useColors\";\r\n\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport { ScrollView } from \"react-native-gesture-handler\";\r\nimport PanelBase from \"../base/panelBase\";\r\nimport { hidePanel } from \"../usePanel\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport Input from \"@/components/base/input\";\r\nimport globalStyle from \"@/constants/globalStyle\";\r\nimport PanelHeader from \"../base/panelHeader\";\r\n\r\ninterface IUserVariablesProps {\r\n    title?: string;\r\n    onOk: (values: Record<string, string>, closePanel: () => void) => void;\r\n    variables: IPlugin.IUserVariable[];\r\n    initValues?: Record<string, string>;\r\n    onCancel?: () => void;\r\n}\r\n\r\nexport default function SetUserVariables(props: IUserVariablesProps) {\r\n    const { onOk, onCancel, variables, initValues = {}, title } = props;\r\n\r\n    const colors = useColors();\r\n\r\n    const resultRef = useRef({ ...initValues });\r\n\r\n    return (\r\n        <PanelBase\r\n            height={vmax(80)}\r\n            positionMethod='top'\r\n            keyboardAvoidBehavior='none'\r\n            renderBody={() => (\r\n                <>\r\n                    <PanelHeader\r\n                        title={title ?? \"设置用户变量\"}\r\n                        onCancel={() => {\r\n                            onCancel?.();\r\n                            hidePanel();\r\n                        }}\r\n                        onOk={async () => {\r\n                            onOk(resultRef.current, hidePanel);\r\n                        }}\r\n                    />\r\n                    <KeyboardAvoidingView\r\n                        behavior=\"padding\"\r\n                        style={globalStyle.flex1}>\r\n                        <ScrollView\r\n                            contentContainerStyle={{\r\n                                paddingBottom: vmax(20),\r\n                            }}>\r\n                            {variables.map(it => (\r\n                                <ListItem\r\n                                    withHorizontalPadding\r\n                                    style={styles.listItem}>\r\n                                    <ThemeText\r\n                                        numberOfLines={1}\r\n                                        ellipsizeMode=\"tail\"\r\n                                        style={styles.varName}>\r\n                                        {it.name ?? it.key}\r\n                                    </ThemeText>\r\n                                    <Input\r\n                                        defaultValue={initValues[it.key]}\r\n                                        onChangeText={e => {\r\n                                            resultRef.current[it.key] = e;\r\n                                        }}\r\n                                        style={[\r\n                                            styles.input,\r\n                                            {\r\n                                                backgroundColor:\r\n                                                    colors.placeholder,\r\n                                            },\r\n                                        ]}\r\n                                        placeholder={it.hint}\r\n                                    />\r\n                                </ListItem>\r\n                            ))}\r\n                        </ScrollView>\r\n                    </KeyboardAvoidingView>\r\n                </>\r\n            )}\r\n        />\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    wrapper: {\r\n        width: rpx(750),\r\n    },\r\n    opeartions: {\r\n        width: rpx(750),\r\n        paddingHorizontal: rpx(24),\r\n        flexDirection: \"row\",\r\n        height: rpx(100),\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-between\",\r\n    },\r\n    listItem: {\r\n        justifyContent: \"space-between\",\r\n    },\r\n    varName: {\r\n        maxWidth: \"35%\",\r\n    },\r\n    input: {\r\n        width: \"50%\",\r\n        paddingVertical: rpx(8),\r\n        paddingHorizontal: rpx(12),\r\n        borderRadius: rpx(8),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/sheetTags.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx, { vh } from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\n\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport PanelBase from \"../base/panelBase\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport TypeTag from \"@/components/base/typeTag\";\nimport PanelHeader from \"../base/panelHeader\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ISheetTagsProps {\n    tags: IMusic.IMusicSheetGroupItem[];\n    /** 点击tag */\n    onTagPressed: (tag: ICommon.IUnique) => void;\n}\n\nexport default function SheetTags(props: ISheetTagsProps) {\n    const { tags, onTagPressed } = props ?? {};\n    const i18n = useI18N();\n\n    const safeAreaInsets = useSafeAreaInsets();\n\n    return (\n        <PanelBase\n            height={vh(70)}\n            renderBody={() => (\n                <>\n                    <PanelHeader title={i18n.t(\"panel.sheetTags.title\")} hideButtons />\n                    <ScrollView\n                        style={[\n                            style.body,\n                            { marginBottom: safeAreaInsets.bottom },\n                        ]}>\n                        <View style={style.groupItem}>\n                            <TypeTag\n                                // backgroundColor={backgroundColor}\n                                title={i18n.t(\"common.default\")}\n                                style={[style.tagItem]}\n                                onPress={() => {\n                                    onTagPressed({\n                                        title: i18n.t(\"common.default\"),\n                                        id: \"\",\n                                    });\n                                }}\n                            />\n                        </View>\n                        {tags.map((tagGroupItem, index) => (\n                            <>\n                                <View\n                                    style={style.groupItem}\n                                    key={tagGroupItem.title ?? index}>\n                                    {tagGroupItem.title ? (\n                                        <ThemeText\n                                            fontSize=\"content\"\n                                            fontWeight=\"medium\">\n                                            {tagGroupItem.title}\n                                        </ThemeText>\n                                    ) : null}\n                                </View>\n                                <View style={style.groupItem}>\n                                    {tagGroupItem.data.map(_ => (\n                                        <TypeTag\n                                            key={_.id}\n                                            // backgroundColor={backgroundColor}\n                                            title={_.title || i18n.t(\"common.unknownName\")}\n                                            style={[style.tagItem]}\n                                            onPress={() => {\n                                                onTagPressed(_);\n                                            }}\n                                        />\n                                    ))}\n                                </View>\n                            </>\n                        ))}\n                    </ScrollView>\n                </>\n            )}\n        />\n    );\n}\n\nconst style = StyleSheet.create({\n    header: {\n        width: \"100%\",\n        flexDirection: \"row\",\n        padding: rpx(24),\n        marginTop: rpx(12),\n    },\n    body: {\n        flex: 1,\n        paddingHorizontal: rpx(24),\n    },\n    item: {\n        height: rpx(96),\n        justifyContent: \"center\",\n    },\n    groupItem: {\n        flexDirection: \"row\",\n        paddingVertical: rpx(12),\n        flexWrap: \"wrap\",\n    },\n    tagItem: {\n        marginLeft: 0,\n        marginBottom: rpx(20),\n    },\n});\n"
  },
  {
    "path": "src/components/panels/types/simpleInput.tsx",
    "content": "import React, { useState } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx, { vmax } from \"@/utils/rpx\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport useColors from \"@/hooks/useColors\";\n\nimport ThemeText from \"@/components/base/themeText\";\nimport { ScrollView, TextInput } from \"react-native-gesture-handler\";\nimport PanelBase from \"../base/panelBase\";\nimport { hidePanel } from \"../usePanel\";\nimport PanelHeader from \"../base/panelHeader\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ISimpleInputProps {\n    title?: string;\n    onOk: (text: string, closePanel: () => void) => void;\n    hints?: string[];\n    onCancel?: () => void;\n    maxLength?: number;\n    placeholder?: string;\n    autoFocus?: boolean;\n}\n\nexport default function SimpleInput(props: ISimpleInputProps) {\n    const { t } = useI18N();\n    const {\n        onOk,\n        onCancel,\n        placeholder,\n        maxLength = 80,\n        hints,\n        title,\n        autoFocus = true,\n    } = props;\n\n    const [input, setInput] = useState(\"\");\n    const colors = useColors();\n\n    return (\n        <PanelBase\n            keyboardAvoidBehavior=\"height\"\n            height={vmax(30)}\n            renderBody={() => (\n                <>\n                    <PanelHeader\n                        title={title || \"\"}\n                        onCancel={() => {\n                            onCancel?.();\n                            hidePanel();\n                        }}\n                        onOk={async () => {\n                            onOk(input, hidePanel);\n                        }}\n                    />\n\n                    <TextInput\n                        value={input}\n                        accessible\n                        autoFocus={autoFocus}\n                        accessibilityLabel={t(\"panel.simpleInput.inputLabel\")}\n                        accessibilityHint={placeholder}\n                        onChangeText={_ => {\n                            setInput(_);\n                        }}\n                        style={[\n                            style.input,\n                            {\n                                color: colors.text,\n                                backgroundColor: colors.placeholder,\n                            },\n                        ]}\n                        placeholderTextColor={colors.textSecondary}\n                        placeholder={placeholder ?? \"\"}\n                        maxLength={maxLength}\n                    />\n                    <ScrollView>\n                        {hints?.length ? (\n                            <View style={style.hints}>\n                                {hints.map((_, index) => (\n                                    <ThemeText\n                                        key={`hint-index-${index}`}\n                                        style={style.hintLine}\n                                        fontSize=\"subTitle\"\n                                        fontColor=\"textSecondary\">\n                                        ￮ {_}\n                                    </ThemeText>\n                                ))}\n                            </View>\n                        ) : null}\n                    </ScrollView>\n                </>\n            )}\n        />\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: rpx(750),\n    },\n    opeartions: {\n        width: rpx(750),\n        paddingHorizontal: rpx(24),\n        flexDirection: \"row\",\n        height: rpx(100),\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    input: {\n        margin: rpx(24),\n        borderRadius: rpx(12),\n        fontSize: fontSizeConst.content,\n        lineHeight: fontSizeConst.content * 1.5,\n        padding: rpx(12),\n    },\n    hints: {\n        marginTop: rpx(24),\n        paddingHorizontal: rpx(24),\n    },\n    hintLine: {\n        marginBottom: rpx(12),\n    },\n});\n"
  },
  {
    "path": "src/components/panels/types/simpleSelect.tsx",
    "content": "import React, { Fragment } from \"react\";\r\nimport { ScrollView, StyleSheet } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\r\nimport PanelBase from \"../base/panelBase\";\r\nimport { hidePanel } from \"../usePanel\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport PanelHeader from \"../base/panelHeader\";\r\n\r\ninterface ICandidateItem {\r\n    title?: string;\r\n    value: any;\r\n}\r\n\r\ninterface ISimpleSelectProps {\r\n    height?: number;\r\n    header?: string;\r\n    candidates?: Array<ICandidateItem>;\r\n    onPress?: (item: ICandidateItem) => void;\r\n}\r\n\r\nexport default function SimpleSelect(props: ISimpleSelectProps) {\r\n    const {\r\n        height = rpx(520),\r\n        header = \"\",\r\n        candidates = [],\r\n        onPress,\r\n    } = props ?? {};\r\n\r\n    const safeAreaInsets = useSafeAreaInsets();\r\n\r\n    return (\r\n        <PanelBase\r\n            height={height}\r\n            renderBody={() => (\r\n                <>\r\n                    <PanelHeader title={header} hideButtons />\r\n\r\n                    <ScrollView\r\n                        style={[\r\n                            styles.body,\r\n                            { marginBottom: safeAreaInsets.bottom },\r\n                        ]}>\r\n                        {candidates.map((it, index) => {\r\n                            return (\r\n                                <Fragment key={`frag-${index}`}>\r\n                                    <ListItem\r\n                                        heightType=\"small\"\r\n                                        withHorizontalPadding\r\n                                        onPress={() => {\r\n                                            onPress?.(it);\r\n                                            hidePanel();\r\n                                        }}>\r\n                                        <ListItem.Content\r\n                                            title={it.title ?? it.value}\r\n                                        />\r\n                                    </ListItem>\r\n                                </Fragment>\r\n                            );\r\n                        })}\r\n                    </ScrollView>\r\n                </>\r\n            )}\r\n        />\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    header: {\r\n        width: \"100%\",\r\n        flexDirection: \"row\",\r\n        padding: rpx(24),\r\n    },\r\n    body: {\r\n        flex: 1,\r\n    },\r\n    item: {\r\n        height: rpx(96),\r\n        justifyContent: \"center\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/components/panels/types/timingClose.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, TouchableOpacity, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\n\nimport { setCloseAfterPlayEnd, setScheduleClose, useCloseAfterPlayEnd, useScheduleCloseCountDown } from \"@/utils/scheduleClose\";\nimport timeformat from \"@/utils/timeformat\";\nimport PanelBase from \"../base/panelBase\";\nimport Divider from \"@/components/base/divider\";\nimport PanelHeader from \"../base/panelHeader\";\nimport Checkbox from \"@/components/base/checkbox\";\nimport { Pressable } from \"react-native-gesture-handler\";\nimport { useI18N } from \"@/core/i18n\";\nimport { showDialog } from \"@/components/dialogs/useDialog\";\n\n\nconst shortCutTimes = [10, 20, 30, 45, 60] as const;\n\n\nfunction CountDownHeader() {\n    const countDown = useScheduleCloseCountDown();\n    const { t } = useI18N();\n\n    return (\n        <PanelHeader\n            hideDivider\n            hideButtons\n            title={countDown === null\n                ? t(\"sidebar.scheduleClose\")\n                : t(\"panel.timingClose.countdown\", { time: timeformat(countDown) })}\n        />\n    );\n}\n\n\n\nexport default function TimingClose() {\n    const closeAfterPlay = useCloseAfterPlayEnd();\n    const countDown = useScheduleCloseCountDown();\n\n    const isCountingDown = countDown !== null;\n    const { t } = useI18N();\n\n    return (\n        <PanelBase\n            keyboardAvoidBehavior=\"none\"\n            positionMethod='top'\n            height={rpx(450)}\n            renderBody={() => (\n                <>\n                    <CountDownHeader />\n                    <Divider />\n                    <View style={styles.bodyContainer}>\n                        {shortCutTimes.map((time, index) => (\n                            <TouchableOpacity style={styles.timeItem} key={index} activeOpacity={0.6} onPress={() => {\n                                setScheduleClose(\n                                    Date.now() + time * 60000,\n                                );\n                            }}>\n                                <ThemeText>{time}</ThemeText>\n                            </TouchableOpacity>\n                        ))}\n                        <TouchableOpacity style={styles.timeItem} key='customize' activeOpacity={0.6} onPress={() => {\n                            showDialog(\"SetScheduleCloseTimeDialog\", {\n                                onOk: (minutes: number) => {\n                                    setScheduleClose(Date.now() + minutes * 60000);\n                                },\n                            });\n                        }}>\n                            <ThemeText>{t(\"panel.timingClose.customize\")}</ThemeText>\n                        </TouchableOpacity>\n                    </View>\n                    <View style={styles.bottomLine}>\n                        <Pressable style={styles.closeAfterPlayContainer} onPress={() => {\n                            setCloseAfterPlayEnd(!closeAfterPlay);\n                        }}>\n                            <Checkbox checked={closeAfterPlay} />\n                            <ThemeText style={styles.bottomLineText}>{t(\"panel.timingClose.closeAfterPlay\")}</ThemeText>\n                        </Pressable>\n                        {isCountingDown && (\n                            <TouchableOpacity style={styles.cancelButton} onPress={() => {\n                                setScheduleClose(null);\n                            }}>\n                                <ThemeText style={styles.cancelButtonText}>{t(\"panel.timingClose.cancelScheduleClose\")}</ThemeText>\n                            </TouchableOpacity>\n                        )}\n                    </View>\n\n                </>\n            )}\n        />\n    );\n}\n\n\nconst styles = StyleSheet.create({\n    header: {\n        width: rpx(750),\n        paddingHorizontal: rpx(24),\n        height: rpx(90),\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    bodyContainer: {\n        width: \"100%\",\n        height: rpx(160),\n        padding: rpx(24),\n        gap: rpx(16),\n        flexDirection: \"row\",\n    },\n    timeItem: {\n        flex: 1,\n        backgroundColor: \"#99999999\",\n        borderRadius: rpx(12),\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    bottomLine: {\n        width: \"100%\",\n        marginTop: rpx(36),\n        height: rpx(64),\n        paddingHorizontal: rpx(24),\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n    },\n    cancelButton: {\n        paddingHorizontal: rpx(16),\n        paddingVertical: rpx(8),\n        backgroundColor: \"#ff666699\",\n        borderRadius: rpx(8),\n    },\n    cancelButtonText: {\n        color: \"#ffffff\",\n        fontSize: rpx(24),\n    },\n    closeAfterPlayContainer: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    bottomLineText: {\n        marginLeft: rpx(12),\n    },\n});\n"
  },
  {
    "path": "src/components/panels/usePanel.ts",
    "content": "import { GlobalState } from \"@/utils/stateMapper\";\nimport { DeviceEventEmitter } from \"react-native\";\nimport panels from \"./types\";\n\ntype IPanel = typeof panels;\ntype IPanelkeys = keyof IPanel;\n\ninterface IPanelInfo {\n    name: IPanelkeys | null;\n    payload: any;\n}\n\n/** 浮层信息 */\nexport const panelInfoStore = new GlobalState<IPanelInfo>({\n    name: null,\n    payload: null,\n});\n\nexport function showPanel<T extends IPanelkeys>(\n    name: T,\n    payload?: Parameters<IPanel[T]>[0],\n) {\n    if (panelInfoStore.getValue().name) {\n        DeviceEventEmitter.emit(\"hidePanel\", () => {\n            panelInfoStore.setValue({\n                name,\n                payload,\n            });\n        });\n    } else {\n        panelInfoStore.setValue({\n            name,\n            payload,\n        });\n    }\n}\n\nexport function hidePanel() {\n    DeviceEventEmitter.emit(\"hidePanel\");\n}\n"
  },
  {
    "path": "src/constants/assetsConst.ts",
    "content": "export const ImgAsset = {\n    albumDefault: require(\"@/assets/imgs/album-default.jpeg\"),\n    addBackground: require(\"@/assets/imgs/add-image.png\"),\n    add: require(\"@/assets/imgs/add.png\"),\n    logo: require(\"@/assets/imgs/logo.png\"),\n    author: require(\"@/assets/imgs/author.jpg\"),\n    logoTransparent: require(\"@/assets/imgs/logo-transparent.png\"),\n    wechatChannel: require(\"@/assets/imgs/wechat_channel.jpg\"),\n    // 音质\n    quality: {\n        low: require(\"@/assets/imgs/low-quality.png\"),\n        standard: require(\"@/assets/imgs/standard-quality.png\"),\n        high: require(\"@/assets/imgs/high-quality.png\"),\n        super: require(\"@/assets/imgs/super-quality.png\"),\n    },\n    rate: {\n        50: require(\"@/assets/imgs/50x.png\"),\n        75: require(\"@/assets/imgs/75x.png\"),\n        100: require(\"@/assets/imgs/100x.png\"),\n        125: require(\"@/assets/imgs/125x.png\"),\n        150: require(\"@/assets/imgs/150x.png\"),\n        175: require(\"@/assets/imgs/175x.png\"),\n        200: require(\"@/assets/imgs/200x.png\"),\n    } as any,\n    transparentBg: require(\"@/assets/imgs/transparent-bg.png\"),\n} as const;\n\nexport const B64Asset = {\n    share: \"data:image/jpeg;base64,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\",\n};\n"
  },
  {
    "path": "src/constants/commonConst.ts",
    "content": "import { Easing, EasingFunction } from \"react-native-reanimated\";\n\nexport const internalSymbolKey = Symbol.for(\"$\");\n// 加入播放列表的时间；app内使用，无法被序列化\nexport const timeStampSymbol = Symbol.for(\"time-stamp\");\n// 加入播放列表的辅助顺序\nexport const sortIndexSymbol = Symbol.for(\"sort-index\");\nexport const internalSerializeKey = \"$\";\nexport const localMusicSheetId = \"local-music-sheet\";\nexport const musicHistorySheetId = \"history-music-sheet\";\n\nexport const localPluginPlatform = \"本地\";\nexport const localPluginHash = \"local-plugin-hash\";\n\nexport const internalFakeSoundKey = \"fake-key\";\n\nconst emptyFunction = () => {};\nObject.freeze(emptyFunction);\nexport { emptyFunction };\n\nexport enum RequestStateCode {\n    /** 空闲 */\n    IDLE = 0b00000000,\n    PENDING_FIRST_PAGE = 0b00000010,\n    LOADING = 0b00000010,\n    /** 检索中 */\n    PENDING_REST_PAGE = 0b00000011,\n    /** 部分结束 */\n    PARTLY_DONE = 0b00000100,\n    /** 全部结束 */\n    FINISHED = 0b0001000,\n    /** 出错了 */\n    ERROR = 0b10000000,\n}\n\nexport const StorageKeys = {\n    /** @deprecated */\n    MediaMetaKeys: \"media-meta-keys\",\n    PluginMetaKey: \"plugin-meta\",\n    MediaCache: \"media-cache\",\n    LocalMusicSheet: \"local-music-sheet\",\n};\n\nexport const CacheControl = {\n    Cache: \"cache\",\n    NoCache: \"no-cache\",\n    NoStore: \"no-store\",\n};\n\nexport const supportLocalMediaType = [\n    \".mp3\",\n    \".flac\",\n    \".wma\",\n    \".wav\",\n    \".m4a\",\n    \".ogg\",\n    \".acc\",\n    \".aac\",\n    \".ape\",\n    \".opus\",\n];\n\nconst ANIMATION_EASING: EasingFunction = Easing.out(Easing.exp);\nconst ANIMATION_DURATION = 150;\n\nconst animationFast = {\n    duration: ANIMATION_DURATION,\n    easing: ANIMATION_EASING,\n};\n\nconst animationNormal = {\n    duration: 250,\n    easing: ANIMATION_EASING,\n};\n\nconst animationSlow = {\n    duration: 500,\n    easing: ANIMATION_EASING,\n};\n\nexport const timingConfig = {\n    animationFast,\n    animationNormal,\n    animationSlow,\n};\n\nexport const enum SortType {\n    // 未排序\n    None = \"None\",\n    // 按标题排序\n    Title = \"title\",\n    // 按作者排序\n    Artist = \"artist\",\n    // 按专辑名排序\n    Album = \"album\",\n    // 按时间排序\n    Newest = \"time\",\n    // 按时间逆序\n    Oldest = \"time-rev\",\n}\n\nexport const enum ResumeMode {\n    Append = \"append\",\n    Overwrite = \"overwrite\",\n    OverwriteDefault = \"overwrite-default\",\n}\n"
  },
  {
    "path": "src/constants/globalStyle.ts",
    "content": "import { StyleSheet } from \"react-native\";\n\nconst globalStyle = StyleSheet.create({\n    /** flex 1 */\n    flex1: {\n        flex: 1,\n    },\n    /** 满宽度 flex1 */\n    fwflex1: {\n        width: \"100%\",\n        flex: 1,\n    },\n    /** row 满宽度 flex1 */\n    rowfwflex1: {\n        width: \"100%\",\n        flex: 1,\n        flexDirection: \"row\",\n    },\n    /** 居中 */\n    fullCenter: {\n        width: \"100%\",\n        flex: 1,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n    notShrink: {\n        flexShrink: 0,\n        flexGrow: 0,\n    },\n    grow: {\n        flexShrink: 0,\n        flexGrow: 1,\n    },\n} as const);\n\nexport default globalStyle;\n"
  },
  {
    "path": "src/constants/pathConst.ts",
    "content": "import { Platform } from \"react-native\";\nimport RNFS, { CachesDirectoryPath } from \"react-native-fs\";\n\nexport const basePath =\n    Platform.OS === \"android\"\n        ? RNFS.ExternalDirectoryPath\n        : RNFS.DocumentDirectoryPath;\n\nexport default {\n    basePath,\n    pluginPath: `${basePath}/plugins/`,\n    logPath: `${basePath}/log/`,\n    dataPath: `${basePath}/data/`,\n    cachePath: `${basePath}/cache/`,\n    musicCachePath: CachesDirectoryPath + \"/TrackPlayer\",\n    imageCachePath: CachesDirectoryPath + \"/image_manager_disk_cache\",\n    localLrcPath: `${basePath}/local_lrc/`,\n    lrcCachePath: `${basePath}/cache/lrc/`,\n    downloadCachePath: `${basePath}/cache/download/`,\n    downloadPath: `${basePath}/download/`,\n    downloadMusicPath: `${basePath}/download/music/`,\n    mmkvPath: `${basePath}/mmkv`,\n    mmkvCachePath: `${basePath}/cache/mmkv`,\n};\n"
  },
  {
    "path": "src/constants/repeatModeConst.ts",
    "content": "export enum MusicRepeatMode {\n    /** 随机播放 */\n    SHUFFLE = \"SHUFFLE\",\n    /** 列表循环 */\n    QUEUE = \"QUEUE\",\n    /** 单曲循环 */\n    SINGLE = \"SINGLE\",\n}\n\n\nexport default {\n    [MusicRepeatMode.QUEUE]: {\n        icon: \"repeat-song-1\",\n        text: \"列表循环\",\n    },\n    [MusicRepeatMode.SINGLE]: {\n        icon: \"repeat-song\",\n        text: \"单曲循环\",\n    },\n    [MusicRepeatMode.SHUFFLE]: {\n        icon: \"shuffle\",\n        text: \"随机播放\",\n    },\n} as const;\n"
  },
  {
    "path": "src/constants/uiConst.ts",
    "content": "import { CustomizedColors } from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\n\nconst fontSizeConst = {\n    /** 标签 */\n    tag: rpx(20),\n    /** 描述文本等字体 */\n    description: rpx(22),\n    /** 副标题 */\n    subTitle: rpx(26),\n    /** 正文字体 */\n    content: rpx(28),\n    /** 标题字体 */\n    title: rpx(32),\n    /** appbar的字体 */\n    appbar: rpx(36),\n};\n\nconst fontWeightConst = {\n    regular: \"400\",\n    medium: \"500\",\n    semibold: \"600\",\n    bold: \"700\",\n    bolder: \"800\",\n} as const;\n\nconst iconSizeConst = {\n    small: rpx(30),\n    light: rpx(36),\n    normal: rpx(42),\n    big: rpx(60),\n    large: rpx(72),\n};\n\ntype ColorKey = \"normal\" | \"secondary\" | \"highlight\" | \"primary\";\nconst colorMap: Record<ColorKey, keyof CustomizedColors> = {\n    normal: \"text\",\n    secondary: \"textSecondary\",\n    highlight: \"textHighlight\",\n    primary: \"primary\",\n} as const;\n\nexport { fontSizeConst, fontWeightConst, iconSizeConst, colorMap };\nexport type { ColorKey };\n"
  },
  {
    "path": "src/core/appConfig.ts",
    "content": "import { useMMKVObject } from \"react-native-mmkv\";\n\nimport { getStorage, removeStorage } from \"@/utils/storage\";\nimport getOrCreateMMKV from \"@/utils/getOrCreateMMKV.ts\";\n\nimport type { AppConfigPropertyKey, IAppConfig, IAppConfigProperties } from \"@/types/core/config\";\nimport { safeStringify } from \"@/utils/jsonUtil\";\n\nconst configStore = getOrCreateMMKV(\"App.config\");\n\nclass AppConfig implements IAppConfig {\n    // 迁移函数\n    private async migrateConfig(): Promise<void> {\n\n        const schemaVersion = !configStore.contains(\"$schema\") ? 0 : parseInt(configStore.getString(\"$schema\") || \"0\", 10);\n\n        if (schemaVersion < 1) {\n            // 获取旧配置\n            const oldConfig = await getStorage(\"local-config\");\n\n            // 如果没有旧配置，直接初始化新配置\n            if (!oldConfig) {\n                configStore.set(\"$schema\", \"1\");\n                return;\n            }\n\n            // 迁移每个字段\n            const mapping: [string, AppConfigPropertyKey][] = [\n                // Basic\n                [\n                    \"setting.basic.autoPlayWhenAppStart\",\n                    \"basic.autoPlayWhenAppStart\",\n                ],\n                [\n                    \"setting.basic.useCelluarNetworkPlay\",\n                    \"basic.useCelluarNetworkPlay\",\n                ],\n                [\n                    \"setting.basic.useCelluarNetworkDownload\",\n                    \"basic.useCelluarNetworkDownload\",\n                ],\n                [\"setting.basic.maxDownload\", \"basic.maxDownload\"],\n                [\"setting.basic.clickMusicInSearch\", \"basic.clickMusicInSearch\"],\n                [\"setting.basic.clickMusicInAlbum\", \"basic.clickMusicInAlbum\"],\n                [\"setting.basic.downloadPath\", \"basic.downloadPath\"],\n                [\"setting.basic.notInterrupt\", \"basic.notInterrupt\"],\n                [\"setting.basic.tempRemoteDuck\", \"basic.tempRemoteDuck\"],\n                [\"setting.basic.autoStopWhenError\", \"basic.autoStopWhenError\"],\n                [\"setting.basic.pluginCacheControl\", \"basic.pluginCacheControl\"],\n                [\"setting.basic.maxCacheSize\", \"basic.maxCacheSize\"],\n                [\"setting.basic.defaultPlayQuality\", \"basic.defaultPlayQuality\"],\n                [\"setting.basic.playQualityOrder\", \"basic.playQualityOrder\"],\n                [\n                    \"setting.basic.defaultDownloadQuality\",\n                    \"basic.defaultDownloadQuality\",\n                ],\n                [\n                    \"setting.basic.downloadQualityOrder\",\n                    \"basic.downloadQualityOrder\",\n                ],\n                [\"setting.basic.musicDetailDefault\", \"basic.musicDetailDefault\"],\n                [\"setting.basic.musicDetailAwake\", \"basic.musicDetailAwake\"],\n                [\"setting.basic.debug.errorLog\", \"debug.errorLog\"],\n                [\"setting.basic.debug.traceLog\", \"debug.traceLog\"],\n                [\"setting.basic.debug.devLog\", \"debug.devLog\"],\n                [\"setting.basic.maxHistoryLen\", \"basic.maxHistoryLen\"],\n                [\"setting.basic.autoUpdatePlugin\", \"basic.autoUpdatePlugin\"],\n                [\n                    \"setting.basic.notCheckPluginVersion\",\n                    \"basic.notCheckPluginVersion\",\n                ],\n                [\"setting.basic.associateLyricType\", \"basic.associateLyricType\"],\n                [\n                    \"setting.basic.showExitOnNotification\",\n                    \"basic.showExitOnNotification\",\n                ],\n                [\n                    \"setting.basic.musicOrderInLocalSheet\",\n                    \"basic.musicOrderInLocalSheet\",\n                ],\n                [\n                    \"setting.basic.tryChangeSourceWhenPlayFail\",\n                    \"basic.tryChangeSourceWhenPlayFail\",\n                ],\n\n                // Lyric\n                [\"setting.lyric.showStatusBarLyric\", \"lyric.showStatusBarLyric\"],\n                [\"setting.lyric.topPercent\", \"lyric.topPercent\"],\n                [\"setting.lyric.leftPercent\", \"lyric.leftPercent\"],\n                [\"setting.lyric.align\", \"lyric.align\"],\n                [\"setting.lyric.color\", \"lyric.color\"],\n                [\"setting.lyric.backgroundColor\", \"lyric.backgroundColor\"],\n                [\"setting.lyric.widthPercent\", \"lyric.widthPercent\"],\n                [\"setting.lyric.fontSize\", \"lyric.fontSize\"],\n                [\"setting.lyric.detailFontSize\", \"lyric.detailFontSize\"],\n                [\"setting.lyric.autoSearchLyric\", \"lyric.autoSearchLyric\"],\n\n                // Theme\n                [\"setting.theme.background\", \"theme.background\"],\n                [\"setting.theme.backgroundOpacity\", \"theme.backgroundOpacity\"],\n                [\"setting.theme.backgroundBlur\", \"theme.backgroundBlur\"],\n                [\"setting.theme.colors\", \"theme.colors\"],\n                [\"setting.theme.customColors\", \"theme.customColors\"],\n                [\"setting.theme.followSystem\", \"theme.followSystem\"],\n                [\"setting.theme.selectedTheme\", \"theme.selectedTheme\"],\n\n                // Backup\n                [\"setting.backup.resumeMode\", \"backup.resumeMode\"],\n\n                // Plugin\n                [\"setting.plugin.subscribeUrl\", \"plugin.subscribeUrl\"],\n\n                // WebDAV\n                [\"setting.webdav.url\", \"webdav.url\"],\n                [\"setting.webdav.username\", \"webdav.username\"],\n                [\"setting.webdav.password\", \"webdav.password\"],\n            ];\n\n            // 执行迁移\n            function getPathValue(obj: Record<string, any>, path: string) {\n                const keys = path.split(\".\");\n                let tmp = obj;\n                for (let i = 0; i < keys.length; ++i) {\n                    tmp = tmp?.[keys[i]];\n                }\n                return tmp;\n            }\n\n            mapping.forEach(([oldPath, newKey]) => {\n                const value = getPathValue(oldConfig, oldPath);\n                if (value !== undefined) {\n                    configStore.set(newKey, safeStringify(value));\n                }\n            });\n\n            // 设置版本标识\n            configStore.set(\"$schema\", \"1\");\n\n            // 清理旧配置\n            await removeStorage(\"local-config\"); // 根据需求决定是否删除旧配置\n        }\n\n        if (schemaVersion < 2) {\n            // @ts-expect-error 兼容旧版本\n            if (this.getConfig(\"basic.clickMusicInSearch\") === \"播放歌曲\") {\n                this.setConfig(\"basic.clickMusicInSearch\", \"playMusic\");\n            } else {\n                this.setConfig(\"basic.clickMusicInSearch\", \"playMusicAndReplace\");\n            }\n\n            // @ts-expect-error 兼容旧版本\n            if (this.getConfig(\"basic.clickMusicInAlbum\") === \"播放专辑\") {\n                this.setConfig(\"basic.clickMusicInAlbum\", \"playAlbum\");\n            } else {\n                this.setConfig(\"basic.clickMusicInAlbum\", \"playMusic\");\n            }\n\n            // @ts-expect-error 兼容旧版本\n            if (this.getConfig(\"basic.tempRemoteDuck\") === \"暂停\") {\n                this.setConfig(\"basic.tempRemoteDuck\", \"pause\");\n            } else {\n                this.setConfig(\"basic.tempRemoteDuck\", \"lowerVolume\");\n            }\n\n            configStore.set(\"$schema\", \"2\");\n        }\n\n\n    }\n\n    async setup(): Promise<void> {\n        await this.migrateConfig();\n    }\n\n    setConfig<K extends keyof IAppConfigProperties>(\n        key: K,\n        value?: IAppConfigProperties[K] | undefined,\n    ): void {\n        if (value === undefined) {\n            configStore.delete(key);\n        } else {\n            configStore.set(key, safeStringify(value));\n        }\n    }\n\n    getConfig<K extends keyof IAppConfigProperties>(\n        key: K,\n    ): IAppConfigProperties[K] | undefined {\n        const value = configStore.getString(key);\n        if (value === undefined) {\n            return undefined;\n        }\n        return JSON.parse(value);\n    }\n}\n\nconst appConfig = new AppConfig();\nexport default appConfig;\n\n/***** hooks *****/\nexport function useAppConfig<K extends keyof IAppConfigProperties>(key: K): IAppConfigProperties[K] | undefined {\n    return useMMKVObject<IAppConfigProperties[K]>(key, configStore)[0];\n}"
  },
  {
    "path": "src/core/appMeta.ts",
    "content": "import getOrCreateMMKV from \"@/utils/getOrCreateMMKV\";\n\nclass AppMeta {\n    private getAppMeta(key: string) {\n        const metaMMKV = getOrCreateMMKV(\"App.meta\");\n\n        return metaMMKV.getString(key);\n    }\n    private setAppMeta(key: string, value: any) {\n        const metaMMKV = getOrCreateMMKV(\"App.meta\");\n\n        return metaMMKV.set(key, value);\n    }\n\n\n    /// 歌单的版本号\n    get musicSheetVersion(): number {\n        const version = this.getAppMeta(\"MusicSheetVersion\");\n        if (version?.length) {\n            return +version;\n        }\n        return 0;\n    }\n\n    setMusicSheetVersion(version: number) {\n        this.setAppMeta(\"MusicSheetVersion\", \"\" + version);\n    }\n\n    get historySheetVersion(): number {\n        const version = this.getAppMeta(\"HistorySheetVersion\");\n        if (version?.length) {\n            return +version;\n        }\n        return 0;\n    }\n\n    setHistorySheetVersion(version: number) {\n        this.setAppMeta(\"HistorySheetVersion\", \"\" + version);\n    }\n}\n\nconst appMeta = new AppMeta();\nexport default appMeta;"
  },
  {
    "path": "src/core/backup.ts",
    "content": "/** 备份与恢复 */\n/** 歌单、插件 */\nimport { compare } from \"compare-versions\";\nimport PluginManager from \"./pluginManager\";\nimport MusicSheet from \"@/core/musicSheet\";\nimport { ResumeMode } from \"@/constants/commonConst.ts\";\n\n/**\n * 结果：一份大的json文件\n * {\n *     musicSheets: [],\n *     plugins: [],\n * }\n */\n\ninterface IBackJson {\n    musicSheets: IMusic.IMusicSheetItem[];\n    plugins: Array<{ srcUrl: string; version: string }>;\n}\n\nfunction backup() {\n    const musicSheets = MusicSheet.backupSheets();\n    const plugins = PluginManager.getEnabledPlugins();\n    const normalizedPlugins = plugins.map(_ => ({\n        srcUrl: _.instance.srcUrl,\n        version: _.instance.version,\n    }));\n\n    return JSON.stringify({\n        musicSheets: musicSheets,\n        plugins: normalizedPlugins,\n    });\n}\n\nasync function resume(\n    raw: string | Object,\n    resumeMode: ResumeMode = ResumeMode.Append,\n) {\n    let obj: IBackJson;\n    if (typeof raw === \"string\") {\n        obj = JSON.parse(raw);\n    } else {\n        obj = raw as IBackJson;\n    }\n\n    const { plugins, musicSheets } = obj ?? {};\n    /** 恢复插件 */\n    const validPlugins = PluginManager.getEnabledPlugins();\n    const resumePlugins = plugins?.map(_ => {\n        // 校验是否安装过: 同源且本地版本更高就忽略掉\n        if (\n            validPlugins.find(\n                plugin =>\n                    plugin.instance.srcUrl === _.srcUrl &&\n                    compare(\n                        plugin.instance.version ?? \"0.0.0\",\n                        _.version ?? \"0.0.1\",\n                        \">=\",\n                    ),\n            )\n        ) {\n            return;\n        }\n        return PluginManager.installPluginFromUrl(_.srcUrl);\n    });\n\n    /** 恢复歌单 */\n    const resumeMusicSheets = MusicSheet.resumeSheets(musicSheets, resumeMode);\n\n    return Promise.all([...(resumePlugins ?? []), resumeMusicSheets]);\n}\n\nconst Backup = {\n    backup,\n    resume,\n};\nexport default Backup;\n"
  },
  {
    "path": "src/core/downloader.ts",
    "content": "import { internalSerializeKey, supportLocalMediaType } from \"@/constants/commonConst\";\nimport pathConst from \"@/constants/pathConst\";\nimport { IAppConfig } from \"@/types/core/config\";\nimport { IInjectable } from \"@/types/infra\";\nimport { addFileScheme, escapeCharacter, mkdirR } from \"@/utils/fileUtils\";\nimport { errorLog } from \"@/utils/log\";\nimport { patchMediaExtra } from \"@/utils/mediaExtra\";\nimport { getMediaUniqueKey, isSameMediaItem } from \"@/utils/mediaUtils\";\nimport network from \"@/utils/network\";\nimport { getQualityOrder } from \"@/utils/qualities\";\nimport EventEmitter from \"eventemitter3\";\nimport { atom, getDefaultStore, useAtomValue } from \"jotai\";\nimport { nanoid } from \"nanoid\";\nimport path from \"path-browserify\";\nimport { useEffect, useState } from \"react\";\nimport { copyFile, downloadFile, exists, unlink } from \"react-native-fs\";\nimport LocalMusicSheet from \"./localMusicSheet\";\nimport { IPluginManager } from \"@/types/core/pluginManager\";\n\n\nexport enum DownloadStatus {\n    // 等待下载\n    Pending,\n    // 准备下载链接\n    Preparing,\n    // 下载中\n    Downloading,\n    // 下载完成\n    Completed,\n    // 下载失败\n    Error\n}\n\n\nexport enum DownloaderEvent {\n    // 某次下载行为出错\n    DownloadError = \"download-error\",\n\n    // 下载任务更新\n    DownloadTaskUpdate = \"download-task-update\",\n\n    // 下载某个音乐时出错\n    DownloadTaskError = \"download-task-error\",\n\n    // 下载完成\n    DownloadQueueCompleted = \"download-queue-completed\",\n}\n\nexport enum DownloadFailReason {\n    /** 无网络 */\n    NetworkOffline = \"network-offline\",\n    /** 设置-禁止在移动网络下下载 */\n    NotAllowToDownloadInCellular = \"not-allow-to-download-in-cellular\",\n    /** 无法获取到媒体源 */\n    FailToFetchSource = \"no-valid-source\",\n    /** 没有文件写入的权限 */\n    NoWritePermission = \"no-write-permission\",\n    Unknown = \"unknown\",\n}\n\ninterface IDownloadTaskInfo {\n    // 状态\n    status: DownloadStatus;\n    // 目标文件名\n    filename: string;\n    // 下载id\n    jobId?: number;\n    // 下载音质\n    quality?: IMusic.IQualityKey;\n    // 文件大小\n    fileSize?: number;\n    // 已下载大小\n    downloadedSize?: number;\n    // 音乐信息\n    musicItem: IMusic.IMusicItem;\n    // 如果下载失败，下载失败的原因\n    errorReason?: DownloadFailReason;\n}\n\n\nconst downloadQueueAtom = atom<IMusic.IMusicItem[]>([]);\nconst downloadTasks = new Map<string, IDownloadTaskInfo>();\n\n\ninterface IEvents {\n    /** 某次下载行为出现报错 */\n    [DownloaderEvent.DownloadError]: (reason: DownloadFailReason, error?: Error) => void;\n    /** 下载某个媒体时报错 */\n    [DownloaderEvent.DownloadTaskError]: (reason: DownloadFailReason, mediaItem: IMusic.IMusicItem, error?: Error) => void;\n    /** 下载任务更新 */\n    [DownloaderEvent.DownloadTaskUpdate]: (task: IDownloadTaskInfo) => void;\n    /** 下载队列清空 */\n    [DownloaderEvent.DownloadQueueCompleted]: () => void;\n}\n\nclass Downloader extends EventEmitter<IEvents> implements IInjectable {\n    private configService!: IAppConfig;\n    private pluginManagerService!: IPluginManager;\n\n    private downloadingCount = 0;\n\n    private static generateFilename(musicItem: IMusic.IMusicItem) {\n        return `${escapeCharacter(musicItem.platform)}@${escapeCharacter(\n            musicItem.id,\n        )}@${escapeCharacter(musicItem.title)}@${escapeCharacter(\n            musicItem.artist,\n        )}`.slice(0, 200);\n    }\n\n\n    injectDependencies(configService: IAppConfig, pluginManager: IPluginManager): void {\n        this.configService = configService;\n        this.pluginManagerService = pluginManager;\n    }\n\n    private updateDownloadTask(musicItem: IMusic.IMusicItem, patch: Partial<IDownloadTaskInfo>) {\n        const newValue = {\n            ...downloadTasks.get(getMediaUniqueKey(musicItem)),\n            ...patch,\n        } as IDownloadTaskInfo;\n        downloadTasks.set(getMediaUniqueKey(musicItem), newValue);\n        this.emit(DownloaderEvent.DownloadTaskUpdate, newValue);\n        return newValue;\n    }\n\n    // 开始下载\n    private markTaskAsStarted(musicItem: IMusic.IMusicItem) {\n        this.downloadingCount++;\n        this.updateDownloadTask(musicItem, {\n            status: DownloadStatus.Preparing,\n        });\n    }\n\n    private markTaskAsCompleted(musicItem: IMusic.IMusicItem) {\n        this.downloadingCount--;\n        this.updateDownloadTask(musicItem, {\n            status: DownloadStatus.Completed,\n        });\n    }\n\n    private markTaskAsError(musicItem: IMusic.IMusicItem, reason: DownloadFailReason, error?: Error) {\n        this.downloadingCount--;\n        this.updateDownloadTask(musicItem, {\n            status: DownloadStatus.Error,\n            errorReason: reason,\n        });\n        this.emit(DownloaderEvent.DownloadTaskError, reason, musicItem, error);\n    }\n\n    /** 匹配文件后缀 */\n    private getExtensionName(url: string) {\n        const regResult = url.match(\n            /^https?\\:\\/\\/.+\\.([^\\?\\.]+?$)|(?:([^\\.]+?)\\?.+$)/,\n        );\n        if (regResult) {\n            return regResult[1] ?? regResult[2] ?? \"mp3\";\n        } else {\n            return \"mp3\";\n        }\n    };\n\n    /** 获取下载路径 */\n    private getDownloadPath(fileName: string) {\n        const dlPath =\n            this.configService.getConfig(\"basic.downloadPath\") ?? pathConst.downloadMusicPath;\n        if (!dlPath.endsWith(\"/\")) {\n            return `${dlPath}/${fileName ?? \"\"}`;\n        }\n        return fileName ? dlPath + fileName : dlPath;\n    };\n\n    /** 获取缓存的下载路径 */\n    private getCacheDownloadPath(fileName: string) {\n        const cachePath = pathConst.downloadCachePath;\n        if (!cachePath.endsWith(\"/\")) {\n            return `${cachePath}/${fileName ?? \"\"}`;\n        }\n        return fileName ? cachePath + fileName : cachePath;\n    }\n\n\n    private async downloadNextPendingTask() {\n        const maxDownloadCount = Math.max(1, Math.min(+(this.configService.getConfig(\"basic.maxDownload\") || 3), 10));\n        const downloadQueue = getDefaultStore().get(downloadQueueAtom);\n\n        // 如果超过最大下载数量，或者没有下载任务，则不执行\n        if (this.downloadingCount >= maxDownloadCount || this.downloadingCount >= downloadQueue.length) {\n            return;\n        }\n\n        // 寻找下一个pending task\n        let nextTask: IDownloadTaskInfo | null = null;\n        for (let i = 0; i < downloadQueue.length; i++) {\n            const musicItem = downloadQueue[i];\n            const key = getMediaUniqueKey(musicItem);\n            const task = downloadTasks.get(key);\n            if (task && task.status === DownloadStatus.Pending) {\n                nextTask = task;\n                break;\n            }\n        }\n\n        // 没有下一个任务了\n        if (!nextTask) {\n            if (this.downloadingCount === 0) {\n                this.emit(DownloaderEvent.DownloadQueueCompleted);\n            }\n            return;\n        }\n\n        const musicItem = nextTask.musicItem;\n        // 更新下载状态\n        this.markTaskAsStarted(musicItem);\n\n        let url = musicItem.url;\n        let headers = musicItem.headers;\n\n        const plugin = this.pluginManagerService.getByName(musicItem.platform);\n\n        try {\n            if (plugin) {\n                const qualityOrder = getQualityOrder(\n                    nextTask.quality ??\n                    this.configService.getConfig(\"basic.defaultDownloadQuality\") ??\n                    \"standard\",\n                    this.configService.getConfig(\"basic.downloadQualityOrder\") ?? \"asc\",\n                );\n                let data: IPlugin.IMediaSourceResult | null = null;\n                for (let quality of qualityOrder) {\n                    try {\n                        data = await plugin.methods.getMediaSource(\n                            musicItem,\n                            quality,\n                            1,\n                            true,\n                        );\n                        if (!data?.url) {\n                            continue;\n                        }\n                        break;\n                    } catch { }\n                }\n                url = data?.url ?? url;\n                headers = data?.headers;\n            }\n            if (!url) {\n                throw new Error(DownloadFailReason.FailToFetchSource);\n            }\n        } catch (e: any) {\n            /** 无法下载，跳过 */\n            errorLog(\"下载失败-无法获取下载链接\", {\n                item: {\n                    id: musicItem.id,\n                    title: musicItem.title,\n                    platform: musicItem.platform,\n                    quality: nextTask.quality,\n                },\n                reason: e?.message ?? e,\n            });\n\n            if (e.message === DownloadFailReason.FailToFetchSource) {\n                this.markTaskAsError(musicItem, DownloadFailReason.FailToFetchSource, e);\n            } else {\n                this.markTaskAsError(musicItem, DownloadFailReason.Unknown, e);\n            }\n            return;\n        }\n\n        // 预处理完成，可以开始处理下一个任务\n        this.downloadNextPendingTask();\n\n        // 下载逻辑\n        // 识别文件后缀\n        let extension = this.getExtensionName(url);\n        if (supportLocalMediaType.every(item => item !== (\".\" + extension))) {\n            extension = \"mp3\";\n        }\n\n        // 缓存下载地址\n        const cacheDownloadPath = addFileScheme(\n            this.getCacheDownloadPath(`${nanoid()}.${extension}`),\n        );\n\n        // 真实下载地址\n        const targetDownloadPath = addFileScheme(\n            this.getDownloadPath(`${nextTask.filename}.${extension}`),\n        );\n\n        // 检测下载位置是否存在\n        try {\n            const folder = path.dirname(targetDownloadPath);\n            const folderExists = await exists(folder);\n            if (!folderExists) {\n                await mkdirR(folder);\n            }\n        } catch (e: any) {\n            this.emit(DownloaderEvent.DownloadTaskError, DownloadFailReason.NoWritePermission, musicItem, e);\n            return;\n        }\n\n        // 下载\n        const { promise } = downloadFile({\n            fromUrl: url ?? \"\",\n            toFile: cacheDownloadPath,\n            headers: headers,\n            background: true,\n            begin: (res) => {\n                this.updateDownloadTask(musicItem, {\n                    status: DownloadStatus.Downloading,\n                    downloadedSize: 0,\n                    fileSize: res.contentLength,\n                    jobId: res.jobId,\n                });\n            },\n            progress: (res) => {\n                this.updateDownloadTask(musicItem, {\n                    status: DownloadStatus.Downloading,\n                    downloadedSize: res.bytesWritten,\n                    fileSize: res.contentLength,\n                    jobId: res.jobId,\n                });\n            },\n        });\n\n        try {\n            await promise;\n            // 下载完成，移动文件\n            await copyFile(cacheDownloadPath, targetDownloadPath);\n\n            LocalMusicSheet.addMusic({\n                ...musicItem,\n                [internalSerializeKey]: {\n                    localPath: targetDownloadPath,\n                },\n            });\n\n            patchMediaExtra(musicItem, {\n                downloaded: true,\n                localPath: targetDownloadPath,\n            });\n\n            this.markTaskAsCompleted(musicItem);\n        } catch (e: any) {\n            this.markTaskAsError(musicItem, DownloadFailReason.Unknown, e);\n        }\n\n        // 清理工作\n        await unlink(cacheDownloadPath);\n        this.downloadNextPendingTask();\n\n        // 如果任务状态是完成，则从队列中移除\n        const key = getMediaUniqueKey(musicItem);\n        if (downloadTasks.get(key)?.status === DownloadStatus.Completed) {\n            downloadTasks.delete(key);\n            const downloadQueue = getDefaultStore().get(downloadQueueAtom);\n            const newDownloadQueue = downloadQueue.filter(item => !isSameMediaItem(item, musicItem));\n            getDefaultStore().set(downloadQueueAtom, newDownloadQueue);\n        }\n    }\n\n    download(musicItems: IMusic.IMusicItem | IMusic.IMusicItem[], quality?: IMusic.IQualityKey) {\n        if (network.isOffline) {\n            this.emit(DownloaderEvent.DownloadError, DownloadFailReason.NetworkOffline);\n            return;\n        }\n\n        if (network.isCellular && !this.configService.getConfig(\"basic.useCelluarNetworkDownload\")) {\n            this.emit(DownloaderEvent.DownloadError, DownloadFailReason.NotAllowToDownloadInCellular);\n            return;\n        }\n\n        // 整理成数组\n        if (!Array.isArray(musicItems)) {\n            musicItems = [musicItems];\n        }\n\n        // 防止重复下载\n        musicItems = musicItems.filter(m => {\n            const key = getMediaUniqueKey(m);\n            // 如果存在下载任务\n            if (downloadTasks.has(key)) {\n                return false;\n            }\n            // TODO: 如果已经下载了，也应该返回false\n            if (LocalMusicSheet.isLocalMusic(m)) {\n                return false;\n            }\n\n            // 设置下载任务\n            downloadTasks.set(getMediaUniqueKey(m), {\n                status: DownloadStatus.Pending,\n                filename: Downloader.generateFilename(m),\n                quality: quality,\n                musicItem: m,\n            });\n\n            return true;\n        });\n\n        if (!musicItems.length) {\n            return;\n        }\n\n        // 添加进任务队列\n        const downloadQueue = getDefaultStore().get(downloadQueueAtom);\n        const newDownloadQueue = [...downloadQueue, ...musicItems];\n        getDefaultStore().set(downloadQueueAtom, newDownloadQueue);\n\n        this.downloadNextPendingTask();\n    }\n\n    remove(musicItem: IMusic.IMusicItem) {\n        // 删除下载任务\n        const key = getMediaUniqueKey(musicItem);\n        const task = downloadTasks.get(key);\n        if (!task) {\n            return false;\n        }\n        if (task.status === DownloadStatus.Pending || task.status === DownloadStatus.Error) {\n            downloadTasks.delete(key);\n            const downloadQueue = getDefaultStore().get(downloadQueueAtom);\n            const newDownloadQueue = downloadQueue.filter(item => !isSameMediaItem(item, musicItem));\n            getDefaultStore().set(downloadQueueAtom, newDownloadQueue);\n            return true;\n        }\n        return false;\n    }\n}\n\n\nconst downloader = new Downloader();\nexport default downloader;\n\nexport function useDownloadTask(musicItem: IMusic.IMusicItem) {\n    const [downloadStatus, setDownloadStatus] = useState(downloadTasks.get(getMediaUniqueKey(musicItem)) ?? null);\n\n    useEffect(() => {\n        const callback = (task: IDownloadTaskInfo) => {\n            if (isSameMediaItem(task?.musicItem, musicItem)) {\n                setDownloadStatus(task);\n            }\n        };\n        downloader.on(DownloaderEvent.DownloadTaskUpdate, callback);\n\n        return () => {\n            downloader.off(DownloaderEvent.DownloadTaskUpdate, callback);\n        };\n    }, [musicItem]);\n\n    return downloadStatus;\n}\n\nexport const useDownloadQueue = () => useAtomValue(downloadQueueAtom);"
  },
  {
    "path": "src/core/i18n/index.ts",
    "content": "import type { ILanguage, ILanguageData } from \"@/types/core/i18n\";\nimport { atom, getDefaultStore, useAtomValue } from \"jotai\";\nimport PersistStatus from \"@/utils/persistStatus\";\n\nimport zhCN from \"./languages/zh-cn.json\";\nimport enUS from \"./languages/en-us.json\";\nimport zhTW from \"./languages/zh-tw.json\";\n\n\nconst allLanguages: ILanguage[] = [{\n    locale: \"zh-CN\",\n    name: \"简体中文\",\n    languageData: zhCN,\n}, {\n    locale: \"zh-TW\",\n    name: \"繁体中文\",\n    languageData: zhTW,\n}, {\n    locale: \"en-US\",\n    name: \"English\",\n    languageData: enUS,\n}];\n\nconst defaultLocale = PersistStatus.get(\"app.language\") || \"zh-CN\";\nconst currentLanguageAtom = atom<ILanguage>(allLanguages.find(item => item.locale === defaultLocale) ?? allLanguages[0]);\n\n\nclass I18N<K extends keyof ILanguageData> {\n    setup() {\n\n    }\n\n    getSupportedLanguages() {\n        return allLanguages;\n    }\n\n    getLanguage() {\n        return getDefaultStore().get(currentLanguageAtom);\n    }\n\n    setLanguage(locale: string) {\n        const language = allLanguages.find(item => item.locale === locale) ?? allLanguages[0];\n        getDefaultStore().set(currentLanguageAtom, language);\n        PersistStatus.set(\"app.language\", language.locale);\n    }\n\n    t(key: K, args?: Record<string, any>): ILanguageData[K] {\n        const language = getDefaultStore().get(currentLanguageAtom);\n        if (!language) {\n            return \"\";\n        }\n        const value = language.languageData[key] ?? allLanguages[0].languageData[key] ?? \"\";\n        if (!args) {\n            return value as ILanguageData[K];\n        }\n\n        return value.replace(/{(\\w+)}/g, (_, argKey) => args[argKey] ?? \"\");\n    }\n}\n\nconst i18n = new I18N();\nexport default i18n;\n\nexport function useI18N(): I18N<keyof ILanguageData> {\n    useAtomValue(currentLanguageAtom); // 用来通知组件刷新\n\n    return i18n;\n}\n"
  },
  {
    "path": "src/core/i18n/languages/en-us.json",
    "content": "{\n    \"common.setting\": \"Settings\",\n    \"common.software\": \"Software\",\n    \"common.language\": \"Language\",\n    \"common.theme\": \"Theme\",\n    \"common.other\": \"Other\",\n    \"common.cancel\": \"Cancel\",\n    \"common.about\": \"About\",\n    \"common.batchEdit\": \"Batch Edit\",\n    \"common.selectAll\": \"Select All\",\n    \"common.unselectAll\": \"Unselect All\",\n    \"common.save\": \"Save\",\n    \"common.play\": \"Play\",\n    \"common.download\": \"Download\",\n    \"common.delete\": \"Delete\",\n    \"common.unknownName\": \"Unnamed\",\n    \"common.default\": \"Default\",\n    \"common.search\": \"Search\",\n    \"common.clear\": \"Clear\",\n    \"common.singleMusic\": \"Single\",\n    \"common.album\": \"Album\",\n    \"common.artist\": \"Artist\",\n    \"common.sheet\": \"Playlist\",\n    \"common.done\": \"Done\",\n    \"common.edit\": \"Edit\",\n    \"common.local\": \"Local\",\n    \"common.sure\": \"OK\",\n    \"common.confirm\": \"Confirm\",\n    \"common.view\": \"View\",\n    \"common.open\": \"Open\",\n    \"common.username\": \"Username\",\n    \"common.password\": \"Password\",\n    \"common.cover\": \"Cover\",\n    \"common.name\": \"Name\",\n    \"common.comment\": \"Comment\",\n    \"sidebar.basicSettings\": \"Basic Settings\",\n    \"sidebar.pluginManagement\": \"Plugin Management\",\n    \"sidebar.themeSettings\": \"Theme Settings\",\n    \"sidebar.scheduleClose\": \"Schedule Close\",\n    \"sidebar.backupAndResume\": \"Backup & Restore\",\n    \"sidebar.permissionManagement\": \"Permission Management\",\n    \"sidebar.checkUpdate\": \"Check Update\",\n    \"sidebar.currentVersion\": \"V\",\n    \"sidebar.backToDesktop\": \"Back to Desktop\",\n    \"sidebar.exitApp\": \"Exit App\",\n    \"sidebar.languageSettings\": \"Language Settings\",\n    \"checkUpdate.error.latestVersion\": \"Already the latest version\",\n    \"home.recommendSheet\": \"Recommended Playlists\",\n    \"home.topList\": \"Charts\",\n    \"home.playHistory\": \"Play History\",\n    \"home.localMusic\": \"Local Music\",\n    \"home.openSidebar.a11y\": \"Open Sidebar\",\n    \"home.myPlaylists\": \"My Playlists\",\n    \"home.starredPlaylists\": \"Starred Playlists\",\n    \"home.newPlaylist.a11y\": \"New Playlist\",\n    \"home.importPlaylist.a11y\": \"Import Playlist\",\n    \"home.myPlaylistsCount.a11y\": \"My Playlists, {count} total\",\n    \"home.starredPlaylistsCount.a11y\": \"Starred Playlists, {count} total\",\n    \"home.songCount\": \"{count} songs\",\n    \"home.clickToSearch\": \"Click here to start searching\",\n    \"dialog.deleteSheetTitle\": \"Delete Playlist\",\n    \"dialog.deleteSheetContent\": \"Are you sure to delete playlist「{name}」?\",\n    \"toast.deleteSuccess\": \"Deleted successfully\",\n    \"toast.hasStarred\": \"Playlist starred\",\n    \"toast.hasUnstarred\": \"Playlist unstarred\",\n    \"toast.importSuccess\": \"Imported successfully\",\n    \"toast.saveSuccess\": \"Saved successfully\",\n    \"toast.sortHasBeenUpdated\": \"Sort order updated\",\n    \"toast.currentQualityNotAvailableForCurrentMusic\": \"Current quality not available for this song\",\n    \"toast.commmentNotAvaliableForCurrentMusic\": \"No comments available for current song\",\n    \"toast.addToNextPlay\": \"Added to play next\",\n    \"toast.beginDownload\": \"Download started, please don't close the app until all downloads complete\",\n    \"toast.rememberToSave\": \"Remember to save~\",\n    \"localMusic.scanLocalMusic\": \"Scan Local Music\",\n    \"localMusic.beginScan\": \"Start Scan\",\n    \"localMusic.downloadList\": \"Download List\",\n    \"lyric.lyricLinkedFrom\": \"Lyrics linked from「{platform} - {title}」\",\n    \"lyric.unlinkLyric\": \"Unlink Lyrics\",\n    \"lyric.noLyric\": \"No lyrics available\",\n    \"lyric.searchLyric\": \"Search Lyrics\",\n    \"musicListEditor.selectMusicCount\": \"{count} songs selected\",\n    \"musicListEditor.addToNextPlay\": \"Play Next\",\n    \"musicListEditor.addToSheet\": \"Add to Playlist\",\n    \"permissionSetting.title\": \"Permission Management\",\n    \"permissionSetting.description\": \"This lists all permissions required by this app. You can enable or disable certain permissions here.\",\n    \"permissionSetting.floatWindowPermission\": \"Float Window Permission\",\n    \"permissionSetting.floatWindowPermissionDescription\": \"Used to display desktop lyrics\",\n    \"permissionSetting.fileReadWritePermission\": \"File Read/Write Permission\",\n    \"permissionSetting.fileReadWritePermissionDescription\": \"Used to download songs and cache data\",\n    \"recommendSheet.title\": \"Recommended\",\n    \"searchMusicList.searchPlaceHolder\": \"Search songs in list\",\n    \"searchMusicList.searchLabel.a11y\": \"Search Box\",\n    \"searchPage.searchPlaceHolder\": \"Enter song to search\",\n    \"searchPage.searchLabel.a11y\": \"Search Box\",\n    \"searchPage.history\": \"History\",\n    \"searchPage.artistResultWorksNum\": \"{count} works\",\n    \"searchPage.comingSoon\": \"Coming Soon\",\n    \"topList.title\": \"Charts\",\n    \"sheetDetail.totalMusicCount\": \"{count} songs total\",\n    \"sheetDetail.editSheetInfo\": \"Edit Playlist Info\",\n    \"sheetDetail.batchEditMusic\": \"Batch Edit Songs\",\n    \"sheetDetail.sortMusic\": \"Sort Songs\",\n    \"sheetDetail.sortMusicOption.byTitle\": \"Sort by Song Title\",\n    \"sheetDetail.sortMusicOption.byArtist\": \"Sort by Artist\",\n    \"sheetDetail.sortMusicOption.byAlbum\": \"Sort by Album\",\n    \"sheetDetail.sortMusicOption.newest\": \"Sort by Add Time (Newest First)\",\n    \"sheetDetail.sortMusicOption.oldest\": \"Sort by Add Time (Oldest First)\",\n    \"sheetDetail.deleteSheet\": \"Delete Playlist\",\n    \"sheetDetail.deleteSheetContent\": \"Are you sure to delete playlist「{name}」?\",\n    \"history.title\": \"Play History\",\n    \"history.clearHistory\": \"Clear Play History\",\n    \"downloading.title\": \"Downloading\",\n    \"downloading.downloadFailReason.noWritePermission\": \"No write permission\",\n    \"downloading.downloadFailReason.failToFetchSource\": \"Failed to fetch music source\",\n    \"downloading.downloadFailReason.unknown\": \"Unknown error\",\n    \"downloading.downloadStatus.completed\": \"Download completed\",\n    \"downloading.downloadStatus.downloadProgress\": \"Downloading: {progress} / {totalSize}\",\n    \"downloading.downloadStatus.pending\": \"Waiting to download\",\n    \"downloading.downloadStatus.preparing\": \"Getting music resource link\",\n    \"artistDetail.fansCount\": \"Fans: {count}\",\n    \"artistDetail.menu.batchEditMusic\": \"Batch Edit Songs\",\n    \"artistDetail.musicSheet\": \"{artist} - Singles\",\n    \"pluginSetting.pluginItem.options.updatePlugin\": \"Update Plugin\",\n    \"pluginSetting.pluginItem.options.sharePlugin\": \"Share Plugin\",\n    \"pluginSetting.pluginItem.options.uninstallPlugin\": \"Uninstall Plugin\",    \n    \"pluginSetting.pluginItem.options.uninstallPluginContent\": \"Are you sure to uninstall plugin「{name}」?\",\n    \"pluginSetting.pluginItem.options.alternativePlugin\": \"Plugin Redirect\",\n    \"pluginSetting.pluginItem.alternativePlugin\": \"This plugin actually uses「{name}」plugin to parse music sources\",\n    \"pluginSetting.pluginItem.dialog.setAlternativePluginTitle\": \"Set Plugin Redirect\",\n    \"pluginSetting.pluginItem.dialog.setAlternativePluginTip\": \"The selected plugin will be used to parse music sources for this plugin\\nRandom settings may cause songs to fail to play, please operate with caution\",\n    \"pluginSetting.pluginItem.options.importMusic\": \"Import Song\",\n    \"pluginSetting.pluginItem.options.importMusicPlaceHolder\": \"Enter target song\",\n    \"pluginSetting.pluginItem.options.importDialogTitle\": \"Prepare to Import\",\n    \"pluginSetting.pluginItem.options.importMusicDialogContent\": \"Found song「{name}」, import it?\",\n    \"pluginSetting.pluginItem.options.importMusicToSheetName\": \"{name} Imported Songs\",\n    \"pluginSetting.pluginItem.options.importSheet\": \"Import Playlist\",\n    \"pluginSetting.pluginItem.options.importSheetPlaceHolder\": \"Enter target playlist\",\n    \"pluginSetting.pluginItem.options.importSheetDialogContent\": \"Found {count} songs, import them?\",\n    \"pluginSetting.pluginItem.options.userVariables\": \"User Variables\",\n    \"pluginSetting.pluginItem.versionHint\": \"Version: {version}\",\n    \"pluginSetting.pluginItem.author\": \"Author: {author}\",\n    \"pluginSetting.menu.subscriptionSetting\": \"Subscription Settings\",\n    \"pluginSetting.menu.sort\": \"Plugin Sort\",\n    \"pluginSetting.menu.uninstallAll\": \"Uninstall All Plugins\",\n    \"pluginSetting.menu.uninstallAllContent\": \"Are you sure to uninstall all plugins? This action cannot be undone!\",\n    \"pluginSetting.menu.installPlugin\": \"Install Plugin\",\n    \"pluginSetting.menu.installPluginDialogPlaceholder\": \"Enter plugin URL\",\n    \"pluginSetting.menu.pluginInstallFailedDialogTitle\": \"Plugin Installation Failed\",\n    \"pluginSetting.menu.pluginUpdateFailedDialogTitle\": \"Plugin Update Failed\",\n    \"pluginSetting.fabOptions.installFromLocal\": \"Install Plugin from Local\",\n    \"pluginSetting.fabOptions.installFromNetwork\": \"Install Plugin from Network\",\n    \"pluginSetting.fabOptions.updateAllPlugins\": \"Update All Plugins\",\n    \"pluginSetting.fabOptions.updateSubscription\": \"Update Subscription\",\n    \"pluginSetting.failReason\": \"Failure reason: {reason}\",\n    \"pluginSetting.pluginInstallFailedDialogContent\": \"The following plugins failed to install: \\n {detail}\",\n    \"pluginSetting.pluginUpdateFailedDialogContent\": \"The following plugins failed to update: \\n {detail}\",\n    \"toast.pluginUpdateSuccess\": \"Updated to latest version\",\n    \"toast.failToUpdatePlugin\": \"Failed to update plugin\",\n    \"toast.copiedToClipboard\": \"Copied to clipboard\",\n    \"toast.copiedToClipboardFailed\": \"Copy failed\",\n    \"toast.failToSharePlugin\": \"Failed to share plugin\",\n    \"toast.pluginUninstalled\": \"Plugin uninstalled\",\n    \"toast.toast.pluginUninstalled\": \"Failed to uninstall plugin\",\n    \"toast.failToImportMusic\": \"Failed to import song\",\n    \"toast.importing\": \"Importing...\",\n    \"toast.failToImportSheet\": \"Failed to import playlist\",\n    \"toast.settingSuccess\": \"Settings saved successfully~\",\n    \"toast.installPluginSuccess\": \"Plugin installed successfully\",\n    \"toast.updatePluginSuccess\": \"Plugin updated successfully\",\n    \"toast.installPluginFail\": \"Plugin installation failed: {reason}\",\n    \"toast.allPluginInstallFailed\": \"All plugins installation failed\",\n    \"toast.partialPluginInstallFailed\": \"Some plugins installation failed\",\n    \"toast.partialPluginInstallFailedWithReason\": \"Some plugins installation failed: {reason}\",\n    \"toast.allPluginUpdateFailed\": \"All plugins update failed\",\n    \"toast.partialPluginUpdateFailed\": \"Some plugins update failed\",\n    \"toast.noSubscription\": \"No subscription\",\n    \"toast.subscriptionInvalid\": \"Invalid subscription\",\n    \"toast.subscriptionHaveToEndWithJs\": \"Subscription URL must end with .js or .json\",\n    \"toast.unknownError\": \"Unknown error, please try again later: {reason}\",\n    \"themeSettings.displayStyle\": \"Display Style\",\n    \"themeSettings.followSystemTheme\": \"Follow System Dark Mode\",\n    \"themeSettings.setTheme\": \"Theme Settings\",\n    \"themeSettings.lightMode\": \"Light Mode\",\n    \"themeSettings.darkMode\": \"Dark Mode\",\n    \"themeSettings.customMode\": \"Custom Background\",\n    \"setCustomTheme.customizeBackground\": \"Customize Background\",\n    \"setCustomTheme.blur\": \"Blur\",\n    \"setCustomTheme.opacity\": \"Opacity\",\n    \"setCustomTheme.primaryColor\": \"Primary Color\",\n    \"setCustomTheme.textColor\": \"Text Color\",\n    \"setCustomTheme.appBarColor\": \"App Bar Background Color\",\n    \"setCustomTheme.appBarTextColor\": \"App Bar Text Color\",\n    \"setCustomTheme.musicBarColor\": \"Music Bar Background Color\",\n    \"setCustomTheme.musicBarTextColor\": \"Music Bar Text Color\",\n    \"setCustomTheme.pageBackgroundColor\": \"Page Background Color\",\n    \"setCustomTheme.backdropColor\": \"Dialog & Overlay Background Color\",\n    \"setCustomTheme.cardColor\": \"Card Background Color\",\n    \"setCustomTheme.placeholderColor\": \"Input Field Background Color\",\n    \"setCustomTheme.tabBarColor\": \"Tab Bar Background Color\",\n    \"setCustomTheme.notificationColor\": \"Notification & Tips Background Color\",\n    \"backupAndResume.beginBackup\": \"Start Backup\",\n    \"backupAndResume.backupDialogTitle\": \"Backup Local Music\",\n    \"backupAndResume.backuping\": \"Backing up...\",\n    \"toast.backupSuccess\": \"Backup successful\",\n    \"toast.backupFail\": \"Backup failed: {reason}\",\n    \"backupAndResume.resumeFromLocalFile\": \"Restore from Local File\",\n    \"backupAndResume.resuming\": \"Restoring...\",\n    \"toast.resumeSuccess\": \"Restore successful\",\n    \"toast.resumeFail\": \"Restore failed: {reason}\",\n    \"backupAndResume.resumeFromUrlDialogTitle\": \"Restore from Remote URL\",\n    \"backupAndResume.resumeFromUrlDialogPlaceHolder\": \"Enter URL ending with json or txt\",\n    \"toast.backupFileNotFound\": \"Backup file not found\",\n    \"toast.resumePreCheckFailed\": \"Please configure in「Webdav Settings」first, then restore\",\n    \"backupAndResume.setResumeMode\": \"Set Restore Mode\",\n    \"backupAndResume.resumeMode\": \"Restore Mode\",\n    \"backupAndResume.localBackup\": \"Local Backup\",\n    \"backupAndResume.backupToLocal\": \"Backup to Local\",\n    \"backupAndResume.webdavSettings\": \"Webdav Settings\",\n    \"backupAndResume.webdavUrl\": \"Webdav Server URL\",\n    \"backupAndResume.backupToWebdav\": \"Backup to Webdav\",\n    \"backupAndResume.resumeFromWebdav\": \"Restore from Webdav\",\n    \"backupAndResume.resumeMode.append\": \"Restore as New Playlists\",\n    \"backupAndResume.resumeMode.overwrite-default\": \"Merge Default Playlist, Others as New Playlists\",\n    \"backupAndResume.resumeMode.overwrite\": \"Merge Same Name Playlists\",\n    \"basicSettings.common\": \"General\",\n    \"basicSettings.maxHistoryLength\": \"Maximum History Records\",\n    \"basicSettings.musicDetailDefault\": \"When opening song detail page\",\n    \"basicSettings.musicDetailDefault.album\": \"Show album cover by default\",\n    \"basicSettings.musicDetailDefault.lyric\": \"Show lyrics page by default\",\n    \"basicSettings.musicDetailAwake\": \"Keep screen on when in song detail page\",\n    \"basicSettings.associateLyricType\": \"Associate Lyrics Method\",\n    \"basicSettings.associateLyricType.input\": \"Input Song ID\",\n    \"basicSettings.associateLyricType.search\": \"Search Lyrics\",\n    \"basicSettings.showExitOnNotification\": \"Show close button in notification bar (Restart required)\",\n    \"basicSettings.sheetAndAlbum\": \"Playlist & Album\",\n    \"basicSettings.clickMusicInSearch\": \"When clicking song in search results\",\n    \"basicSettings.clickMusicInSearch.playMusic\": \"Play Song\",\n    \"basicSettings.clickMusicInSearch.playMusicAndReplace\": \"Play Song and Replace Playlist\",\n    \"basicSettings.clickMusicInAlbum\": \"When clicking song in album\",\n    \"basicSettings.clickMusicInAlbum.playMusic\": \"Play Song\",\n    \"basicSettings.clickMusicInAlbum.playAlbum\": \"Play Album\",\n    \"basicSettings.musicOrderInLocalSheet\": \"Default song order when creating new playlist\",\n    \"basicSettings.musicOrderInLocalSheet.title\": \"Sort by Song Title\",\n    \"basicSettings.musicOrderInLocalSheet.artist\": \"Sort by Artist\",\n    \"basicSettings.musicOrderInLocalSheet.album\": \"Sort by Album\",\n    \"basicSettings.musicOrderInLocalSheet.newest\": \"Sort by Add Time (Newest First)\",\n    \"basicSettings.musicOrderInLocalSheet.oldest\": \"Sort by Add Time (Oldest First)\",\n    \"basicSettings.plugin\": \"Plugin\",\n    \"basicSettings.autoUpdatePlugin\": \"Auto update plugins on app start\",\n    \"basicSettings.notCheckPluginVersion\": \"Don't check version when installing plugins\",\n    \"basicSettings.lazyLoadPlugin\": \"Enable plugin lazy loading\",\n    \"basicSettings.playback\": \"Playback\",\n    \"basicSettings.notInterrupt\": \"Allow simultaneous playback with other apps\",\n    \"basicSettings.autoPlayWhenAppStart\": \"Auto play when app starts\",\n    \"basicSettings.tryChangeSourceWhenPlayFail\": \"Try different source when playback fails\",\n    \"basicSettings.autoStopWhenError\": \"Auto pause when playback fails\",\n    \"basicSettings.tempRemoteDuck\": \"When playback is temporarily interrupted\",\n    \"basicSettings.tempRemoteDuck.pause\": \"Pause playback\",\n    \"basicSettings.tempRemoteDuck.lowerVolume\": \"Lower volume\",\n    \"basicSettings.tempRemoteDuck.volumeDecreaseLevel\": \"Volume Decrease Level\",\n    \"basicSettings.defaultPlayQuality\": \"Default Playback Quality\",\n    \"basicSettings.playQualityOrder\": \"When default playback quality is unavailable\",\n    \"basicSettings.playQualityOrder.asc\": \"Play higher quality\",\n    \"basicSettings.playQualityOrder.desc\": \"Play lower quality\",\n    \"basicSettings.download\": \"Download\",\n    \"basicSettings.downloadPath\": \"Download Path\",\n    \"basicSettings.fileSelector.selectFolder\": \"Select Folder\",\n    \"basicSettings.maxDownload\": \"Maximum Concurrent Downloads\",\n    \"basicSettings.defaultDownloadQuality\": \"Default Download Quality\",\n    \"basicSettings.downloadQualityOrder\": \"When default download quality is unavailable\",\n    \"basicSettings.downloadQualityOrder.asc\": \"Download higher quality\",\n    \"basicSettings.downloadQualityOrder.desc\": \"Download lower quality\",\n    \"basicSettings.network\": \"Network\",\n    \"basicSettings.useCelluarNetworkPlay\": \"Use cellular network for playback\",\n    \"basicSettings.useCelluarNetworkDownload\": \"Use cellular network for downloads\",\n    \"basicSettings.lyric\": \"Lyrics\",\n    \"basicSettings.lyric.autoSearchLyric\": \"Auto search lyrics when missing\",\n    \"basicSettings.lyric.showStatusBarLyric\": \"Enable desktop lyrics\",\n    \"basicSettings.lyric.align\": \"Alignment\",\n    \"basicSettings.lyric.align.left\": \"Left\",\n    \"basicSettings.lyric.align.center\": \"Center\",\n    \"basicSettings.lyric.align.right\": \"Right\",\n    \"basicSettings.lyric.leftRightDistance\": \"Left/Right Distance\",\n    \"basicSettings.lyric.topBottomDistance\": \"Top/Bottom Distance\",\n    \"basicSettings.lyric.width\": \"Lyrics Width\",\n    \"basicSettings.lyric.fontSize\": \"Font Size\",\n    \"basicSettings.lyric.textColor\": \"Text Color\",\n    \"basicSettings.lyric.backgroundColor\": \"Text Background Color\",\n    \"basicSettings.cache\": \"Cache\",\n    \"basicSettings.cache.musicCacheLimit\": \"Music Cache Limit\",\n    \"basicSettings.cache.clearMusicCache\": \"Clear Music Cache\",\n    \"basicSettings.cache.clearLyricCache\": \"Clear Lyrics Cache\",\n    \"basicSettings.cache.clearImageCache\": \"Clear Image Cache\",\n    \"basicSettings.developer\": \"Developer Options\",\n    \"basicSettings.developer.errorLog\": \"Record Error Logs\",\n    \"basicSettings.developer.traceLog\": \"Record Detailed Logs\",\n    \"basicSettings.developer.devLog\": \"Debug Panel\",\n    \"basicSettings.developer.viewErrorLog\": \"View Error Logs\",\n    \"basicSettings.developer.clearLog\": \"Clear Logs\",\n    \"dialog.loading.reinitializeTrackPlayer\": \"Initializing track player...\",\n    \"dialog.setCacheTitle\": \"Set Cache\",\n    \"dialog.setCachePlaceholder\": \"Enter cache limit, 100M-8192M, unit: M\",\n    \"dialog.clearMusicCacheTitle\": \"Clear Music Cache\",\n    \"dialog.clearMusicCacheContent\": \"Are you sure to clear music cache?\",\n    \"dialog.clearLyricCacheTitle\": \"Clear Lyrics Cache\",\n    \"dialog.clearLyricCacheContent\": \"Are you sure to clear lyrics cache?\",\n    \"dialog.clearImageCacheTitle\": \"Clear Image Cache\",\n    \"dialog.clearImageCacheContent\": \"Are you sure to clear image cache?\",\n    \"dialog.errorLogTitle\": \"Error Logs\",\n    \"dialog.errorLogNoRecord\": \"No records\",\n    \"dialog.errorLogKnow\": \"I understand\",\n    \"dialog.errorLogCopy\": \"Copy Logs\",\n    \"dialog.setScheduleCloseTime.title\": \"Set Schedule Close Time\",\n    \"dialog.setScheduleCloseTime.placeholder\": \"Enter time\",\n    \"dialog.setScheduleCloseTime.unit\": \"minutes\",\n    \"dialog.setScheduleCloseTime.hint\": \"Maximum 24 hours (1440 minutes) supported\",\n    \"toast.cacheSetSuccess\": \"Settings saved successfully\",\n    \"toast.musicCacheCleared\": \"Music cache cleared\",\n    \"toast.lyricCacheCleared\": \"Lyrics cache cleared\",\n    \"toast.imageCacheCleared\": \"Image cache cleared\",\n    \"toast.logCleared\": \"Logs cleared\",\n    \"toast.noFloatWindowPermission\": \"No float window permission\",\n    \"toast.folderNotExistOrNoPermission\": \"Folder doesn't exist or no permission\",\n    \"musicQuality.low\": \"Low Quality\",\n    \"musicQuality.standard\": \"Standard Quality\",\n    \"musicQuality.high\": \"High Quality\",\n    \"musicQuality.super\": \"Super High Quality\",\n    \"common.emptyList\": \"Nothing here~\",\n    \"common.loading\": \"Loading...\",\n    \"common.error\": \"Error...\",\n    \"common.clickToRetry\": \"Click to retry\",\n    \"common.failToLoad\": \"Failed to load\",\n    \"common.listReachEnd\": \"~~~ End of list ~~~\",\n    \"playAllBar.title\": \"Play All\",\n    \"noPlugin.title\": \"No plugins installed yet\",\n    \"noPlugin.titleWithType\": \"No plugins supporting「{type}」function installed yet\",\n    \"noPlugin.description\": \"Go to「Sidebar - Plugin Management」to install plugins~\",\n    \"dialog.checkStorage.title\": \"Storage Permission\",\n    \"dialog.checkStorage.content.0\": \"MusicFree needs file read/write permission for playlist backup and song downloads.\",\n    \"dialog.checkStorage.content.1\": \"Click「Grant Permission」to go to settings and grant file management permission.\",\n    \"dialog.checkStorage.content.2\": \"If you don't need to backup playlists or download songs, you can skip this permission for now.\",\n    \"dialog.checkStorage.content.3\": \"You can grant or revoke this permission anytime in Sidebar「Permission Management」->「File Read/Write Permission」.\",\n    \"dialog.checkStorage.button.grantPermission\": \"Grant Permission\",\n    \"dialog.checkStorage.button.doNotShowAgain\": \"Don't show again\",\n    \"dialog.downloadDialog.title\": \"New version found ({version})\",\n    \"dialog.downloadDialog.skipThisVersion\": \"Skip this version\",\n    \"dialog.downloadDialog.downloadUsingBrowser\": \"Download with browser\",\n    \"dialog.downloadDialog.backupUrl\": \"Backup link\",\n    \"dialog.editSheetDetail.sheetName\": \"Playlist Name\",\n    \"dialog.subscriptionPluginDialog.title\": \"Subscription\",\n    \"dialog.markdownDialog.openExternalLink\": \"Open browser to visit the page. Please stay safe and beware of phishing websites.\",\n    \"dialog.markdownDialog.clickToShowImage\": \"Click to show image\",\n    \"dialog.markdownDialog.loadFailed\": \"Image load failed\",\n    \"panel.playList.title\": \"Play List\",\n    \"panel.playList.count\": \" ({count} songs)\",\n    \"panel.searchLrc.inputPlaceholder\": \"Enter song name\",\n    \"panel.searchLrc.toast.settingSuccess\": \"Settings saved successfully~\",\n    \"panel.searchLrc.toast.failToSearch\": \"Settings failed!\",\n    \"panel.addToMusicSheet.title\": \"Add to Playlist ({count} songs)\",\n    \"panel.addToMusicSheet.newMusicSheet\": \"New Playlist\",\n    \"panel.addToMusicSheet.count\": \"{count} songs\",\n    \"panel.addToMusicSheet.toast.success\": \"Added to playlist\",\n    \"panel.addToMusicSheet.toast.fail\": \"Failed to add to playlist\",\n    \"panel.associateLrc.title\": \"Associate Lyrics\",\n    \"panel.associateLrc.inputPlaceholder\": \"Enter song ID to associate lyrics\",\n    \"panel.associateLrc.targetExpired\": \"Link expired, please copy again~\",\n    \"panel.associateLrc.toast.success\": \"Lyrics associated successfully\",\n    \"panel.associateLrc.toast.fail\": \"Failed to associate lyrics\",\n    \"panel.associateLrc.toast.unlinkSuccess\": \"Lyrics unlinked successfully\",\n    \"panel.createMusicSheet.title\": \"New Playlist\",\n    \"panel.editMusicSheetInfo.title\": \"Edit Playlist Info\",\n    \"panel.editMusicSheetInfo.sheetName\": \"Playlist Name\",\n    \"panel.editMusicSheetInfo.toast.updateSuccess\": \"Playlist info updated successfully~\",\n    \"panel.imageViewer.saveImage\": \"Save Image\",\n    \"panel.imageViewer.saveImageSuccess\": \"Image saved to {path}\",\n    \"panel.imageViewer.saveImageFail\": \"Failed to save image: {reason}\",\n    \"panel.colorPicker.title\": \"Select Color\",\n    \"panel.createMusicSheet.inputLabel\": \"Input Box\",\n    \"panel.importMusicSheet.title\": \"Import Playlist\",\n    \"panel.importMusicSheet.placeholder\": \"Enter target playlist\",\n    \"panel.importMusicSheet.importing\": \"Importing...\",\n    \"panel.importMusicSheet.prepareImport\": \"Prepare to Import\",\n    \"panel.importMusicSheet.foundSongs\": \"Found {count} songs! Start importing now?\",\n    \"panel.importMusicSheet.invalidLink\": \"Invalid link or target playlist is empty\",\n    \"panel.musicItemLyricOptions.author\": \"Artist: {artist}\",\n    \"panel.musicItemLyricOptions.album\": \"Album: {album}\",\n    \"panel.musicItemLyricOptions.toggleDesktopLyric\": \"{status} Desktop Lyrics\",\n    \"panel.musicItemLyricOptions.enableDesktopLyric\": \"Enable\",\n    \"panel.musicItemLyricOptions.disableDesktopLyric\": \"Disable\",\n    \"panel.musicItemLyricOptions.desktopLyricPermissionError\": \"Failed to enable desktop lyrics, no float window permission\",\n    \"panel.musicItemLyricOptions.uploadLocalLyric\": \"Upload Local Lyrics\",\n    \"panel.musicItemLyricOptions.uploadLocalLyricTranslation\": \"Upload Local Lyrics Translation\",\n    \"panel.musicItemLyricOptions.deleteLocalLyric\": \"Delete Local Lyrics\",\n    \"panel.musicItemLyricOptions.settingFail\": \"Settings failed: {reason}\",\n    \"panel.musicItemLyricOptions.deleteFail\": \"Delete failed: {reason}\",\n    \"panel.musicItemOptions.author\": \"Artist: {artist}\",\n    \"panel.musicItemOptions.album\": \"Album: {album}\",\n    \"panel.musicItemOptions.downloaded\": \"Downloaded\",\n    \"panel.musicItemOptions.readComment\": \"Read Comments\",\n    \"panel.musicItemOptions.deleteLocalDownload\": \"Delete Local Download\",\n    \"panel.musicItemOptions.deleteLocalDownloadConfirm\": \"This will delete the downloaded local file, continue?\",\n    \"panel.musicItemOptions.associatedLyric\": \"Associated lyrics {platform}@{id}\",\n    \"panel.musicItemOptions.associateLyric\": \"Associate Lyrics\",\n    \"panel.musicItemOptions.unassociateLyric\": \"Unassociate Lyrics\",\n    \"panel.musicItemOptions.unassociateLyricSuccess\": \"Lyrics unassociated successfully\",\n    \"panel.musicItemOptions.timingClose\": \"Timing Close\",\n    \"panel.musicItemOptions.clearPluginCache\": \"Clear Plugin Cache (Use when playback error)\",\n    \"panel.musicItemOptions.cacheCleared\": \"Cache cleared\",\n    \"panel.musicItemOptions.deleteFailed\": \"Delete failed\",\n    \"panel.musicQuality.title\": \"Set {type} Quality\",\n    \"panel.searchLrc.unnamed\": \"(Unnamed)\",\n    \"panel.searchLrc.notSupported\": \"Search Lyrics\",\n    \"panel.setFontSize.title\": \"Set Font Size\",\n    \"panel.setFontSize.small\": \"Small\",\n    \"panel.setFontSize.standard\": \"Standard\",\n    \"panel.setFontSize.large\": \"Large\",\n    \"panel.setFontSize.extraLarge\": \"Extra Large\",\n    \"panel.setLyricOffset.title\": \"Set Lyrics Offset ({status})\",\n    \"panel.setLyricOffset.normal\": \"Normal\",\n    \"panel.setLyricOffset.delay\": \"Delay {time}s\",\n    \"panel.setLyricOffset.advance\": \"Advance {time}s\",\n    \"panel.setLyricOffset.reset\": \"Reset\",\n    \"panel.simpleInput.inputLabel\": \"Input Box\",\n    \"panel.timingClose.countdown\": \"Close countdown {time}\",\n    \"panel.timingClose.customize\": \"Customize\",\n    \"panel.timingClose.cancelScheduleClose\": \"Cancel Scheduled Close\",\n    \"panel.timingClose.closeAfterPlay\": \"Close after playing current song\",\n    \"panel.playRate.title\": \"Playback Speed\",\n    \"panel.sheetTags.title\": \"Playlist Categories\",\n    \"repeatMode.SHUFFLE\": \"Shuffle\",\n    \"repeatMode.QUEUE\": \"Repeat Queue\",\n    \"repeatMode.SINGLE\": \"Repeat Single\"\n}\n"
  },
  {
    "path": "src/core/i18n/languages/zh-cn.json",
    "content": "{\n    \"common.setting\": \"设置\",\n    \"common.software\": \"软件\",\n    \"common.language\": \"语言\",\n    \"common.theme\": \"主题\",\n    \"common.other\": \"其他\",\n    \"common.cancel\": \"取消\",\n    \"common.about\": \"关于\",\n    \"common.batchEdit\": \"批量编辑\",\n    \"common.selectAll\": \"全选\",\n    \"common.unselectAll\": \"取消全选\",\n    \"common.save\": \"保存\",\n    \"common.play\": \"播放\",\n    \"common.download\": \"下载\",\n    \"common.delete\": \"删除\",\n    \"common.unknownName\": \"未命名\",\n    \"common.default\": \"默认\",\n    \"common.search\": \"搜索\",\n    \"common.clear\": \"清空\",\n    \"common.singleMusic\": \"单曲\",\n    \"common.album\": \"专辑\",\n    \"common.artist\": \"作者\",\n    \"common.sheet\": \"歌单\",\n    \"common.done\": \"完成\",\n    \"common.edit\": \"编辑\",\n    \"common.local\": \"本地\",\n    \"common.sure\": \"确定\",\n    \"common.confirm\": \"确认\",\n    \"common.view\": \"查看\",\n    \"common.username\": \"用户名\",\n    \"common.password\": \"密码\",\n    \"common.cover\": \"封面\",\n    \"common.name\": \"名称\",\n    \"common.comment\": \"评论\",\n    \"common.open\": \"打开\",\n    \"sidebar.basicSettings\": \"基本设置\",\n    \"sidebar.pluginManagement\": \"插件管理\",\n    \"sidebar.themeSettings\": \"主题设置\",\n    \"sidebar.scheduleClose\": \"定时关闭\",\n    \"sidebar.backupAndResume\": \"备份与恢复\",\n    \"sidebar.permissionManagement\": \"权限管理\",\n    \"sidebar.checkUpdate\": \"检查更新\",\n    \"sidebar.currentVersion\": \"当前版本: \",\n    \"sidebar.backToDesktop\": \"返回桌面\",\n    \"sidebar.exitApp\": \"退出应用\",\n    \"sidebar.languageSettings\": \"语言设置\",\n    \"checkUpdate.error.latestVersion\": \"当前已是最新版本\",\n    \"home.recommendSheet\": \"推荐歌单\",\n    \"home.topList\": \"榜单\",\n    \"home.playHistory\": \"播放历史\",\n    \"home.localMusic\": \"本地音乐\",\n    \"home.openSidebar.a11y\": \"打开侧边栏\",\n    \"home.myPlaylists\": \"我的歌单\",\n    \"home.starredPlaylists\": \"收藏歌单\",\n    \"home.newPlaylist.a11y\": \"新建歌单\",\n    \"home.importPlaylist.a11y\": \"导入歌单\",\n    \"home.myPlaylistsCount.a11y\": \"我的歌单，共{count}个\",\n    \"home.starredPlaylistsCount.a11y\": \"收藏歌单，共{count}个\",\n    \"home.songCount\": \"{count}首\",\n    \"home.clickToSearch\": \"点击这里开始搜索\",\n    \"dialog.deleteSheetTitle\": \"删除歌单\",\n    \"dialog.deleteSheetContent\": \"确认删除歌单「{name}」吗？\",\n    \"toast.deleteSuccess\": \"删除成功\",\n    \"toast.hasStarred\": \"已收藏歌单\",\n    \"toast.hasUnstarred\": \"已取消收藏歌单\",\n    \"toast.importSuccess\": \"导入成功\",\n    \"toast.saveSuccess\": \"保存成功\",\n    \"toast.sortHasBeenUpdated\": \"排序已更新\",\n    \"toast.currentQualityNotAvailableForCurrentMusic\": \"当前暂无此音质音乐\",\n    \"toast.commmentNotAvaliableForCurrentMusic\": \"当前歌曲暂无评论\",\n    \"toast.addToNextPlay\": \"已添加到下一首播放\",\n    \"toast.beginDownload\": \"开始下载，全部下载完成之前请不要关闭应用\",\n    \"toast.rememberToSave\": \"记得保存哦~\",\n    \"localMusic.scanLocalMusic\": \"扫描本地音乐\",\n    \"localMusic.beginScan\": \"开始扫描\",\n    \"localMusic.downloadList\": \"下载列表\",\n    \"lyric.lyricLinkedFrom\": \"歌词关联自「{platform} - {title}」\",\n    \"lyric.unlinkLyric\": \"解除关联\",\n    \"lyric.noLyric\": \"暂无歌词\",\n    \"lyric.searchLyric\": \"搜索歌词\",\n    \"musicListEditor.selectMusicCount\": \"已选择 {count} 首\",\n    \"musicListEditor.addToNextPlay\": \"下一首播放\",\n    \"musicListEditor.addToSheet\": \"加入歌单\",\n    \"permissionSetting.title\": \"权限管理\",\n    \"permissionSetting.description\": \"此处列出了本 APP 需要的所有权限，你可以从这里开启或关闭某些权限。\",\n    \"permissionSetting.floatWindowPermission\": \"悬浮窗权限\",\n    \"permissionSetting.floatWindowPermissionDescription\": \"用以展示桌面歌词\",\n    \"permissionSetting.fileReadWritePermission\": \"文件读写权限\",\n    \"permissionSetting.fileReadWritePermissionDescription\": \"用以下载歌曲、缓存数据\",\n    \"recommendSheet.title\": \"推荐歌单\",\n    \"searchMusicList.searchPlaceHolder\": \"在列表中搜索歌曲\",\n    \"searchMusicList.searchLabel.a11y\": \"搜索框\",\n    \"searchPage.searchPlaceHolder\": \"输入要搜索的歌曲\",\n    \"searchPage.searchLabel.a11y\": \"搜索框\",\n    \"searchPage.history\": \"历史记录\",\n    \"searchPage.artistResultWorksNum\": \"{count} 个作品\",\n    \"searchPage.comingSoon\": \"敬请期待\",\n    \"topList.title\": \"榜单\",\n    \"sheetDetail.totalMusicCount\": \"共 {count} 首\",\n    \"sheetDetail.editSheetInfo\": \"编辑歌单信息\",\n    \"sheetDetail.batchEditMusic\": \"批量编辑歌曲\",\n    \"sheetDetail.sortMusic\": \"歌曲排序\",\n    \"sheetDetail.sortMusicOption.byTitle\": \"按歌曲名排序\",\n    \"sheetDetail.sortMusicOption.byArtist\": \"按作者名排序\",\n    \"sheetDetail.sortMusicOption.byAlbum\": \"按专辑名排序\",\n    \"sheetDetail.sortMusicOption.newest\": \"按收藏时间从新到旧排序\",\n    \"sheetDetail.sortMusicOption.oldest\": \"按收藏时间从旧到新排序\",\n    \"sheetDetail.deleteSheet\": \"删除歌单\",\n    \"sheetDetail.deleteSheetContent\": \"确认删除歌单「{name}」吗？\",\n    \"history.title\": \"播放记录\",\n    \"history.clearHistory\": \"清空播放记录\",\n    \"downloading.title\": \"正在下载\",\n    \"downloading.downloadFailReason.noWritePermission\": \"没有写入文件的权限\",\n    \"downloading.downloadFailReason.failToFetchSource\": \"获取音乐源失败\",\n    \"downloading.downloadFailReason.unknown\": \"未知错误\",\n    \"downloading.downloadStatus.completed\": \"下载完成\",\n    \"downloading.downloadStatus.downloadProgress\": \"下载中: {progress} / {totalSize}\",\n    \"downloading.downloadStatus.pending\": \"等待下载\",\n    \"downloading.downloadStatus.preparing\": \"正在获取音乐资源链接\",\n    \"artistDetail.fansCount\": \"粉丝数: {count}\",\n    \"artistDetail.menu.batchEditMusic\": \"批量编辑歌曲\",\n    \"artistDetail.musicSheet\": \"{artist} - 单曲\",\n    \"pluginSetting.pluginItem.options.updatePlugin\": \"更新插件\",\n    \"pluginSetting.pluginItem.options.sharePlugin\": \"分享插件\",\n    \"pluginSetting.pluginItem.options.uninstallPlugin\": \"卸载插件\",\n    \"pluginSetting.pluginItem.options.uninstallPluginContent\": \"确认卸载插件「{name}」吗？\",\n    \"pluginSetting.pluginItem.options.alternativePlugin\": \"音源重定向\",\n    \"pluginSetting.pluginItem.dialog.setAlternativePluginTitle\": \"设置音源重定向\",\n    \"pluginSetting.pluginItem.dialog.setAlternativePluginTip\": \"将使用选定的插件解析该插件的音源\\n随便设置可能导致无法播放歌曲，请谨慎操作\",\n    \"pluginSetting.pluginItem.options.importMusic\": \"导入单曲\",\n    \"pluginSetting.pluginItem.options.importMusicPlaceHolder\": \"输入目标歌曲\",\n    \"pluginSetting.pluginItem.options.importDialogTitle\": \"准备导入\",\n    \"pluginSetting.pluginItem.options.importMusicDialogContent\": \"发现歌曲「{name}」，是否导入？\",\n    \"pluginSetting.pluginItem.options.importMusicToSheetName\": \"{name}导入歌曲\",\n    \"pluginSetting.pluginItem.options.importSheet\": \"导入歌单\",\n    \"pluginSetting.pluginItem.options.importSheetPlaceHolder\": \"输入目标歌单\",\n    \"pluginSetting.pluginItem.options.importSheetDialogContent\": \"发现 {count} 首歌曲，是否导入？\",\n    \"pluginSetting.pluginItem.options.userVariables\": \"用户变量\",\n    \"pluginSetting.pluginItem.versionHint\": \"版本号: {version}\",\n    \"pluginSetting.pluginItem.author\": \"作者: {author}\",\n    \"pluginSetting.pluginItem.alternativePlugin\": \"该插件实际使用「{name}」插件解析音乐的音源\",\n    \"pluginSetting.menu.subscriptionSetting\": \"订阅设置\",\n    \"pluginSetting.menu.sort\": \"插件排序\",\n    \"pluginSetting.menu.uninstallAll\": \"卸载全部插件\",\n    \"pluginSetting.menu.uninstallAllContent\": \"确认卸载全部插件吗？此操作不可恢复！\",\n    \"pluginSetting.menu.installPlugin\": \"安装插件\",\n    \"pluginSetting.menu.installPluginDialogPlaceholder\": \"输入插件URL\",\n    \"pluginSetting.menu.pluginInstallFailedDialogTitle\": \"插件安装失败\",\n    \"pluginSetting.menu.pluginUpdateFailedDialogTitle\": \"插件更新失败\",\n    \"pluginSetting.fabOptions.installFromLocal\": \"从本地安装插件\",\n    \"pluginSetting.fabOptions.installFromNetwork\": \"从网络安装插件\",\n    \"pluginSetting.fabOptions.updateAllPlugins\": \"更新全部插件\",\n    \"pluginSetting.fabOptions.updateSubscription\": \"更新订阅\",\n    \"pluginSetting.failReason\": \"失败原因: {reason}\",\n    \"pluginSetting.pluginInstallFailedDialogContent\": \"以下插件安装失败: \\n {detail}\",\n    \"pluginSetting.pluginUpdateFailedDialogContent\": \"以下插件安装失败: \\n {detail}\",\n    \"toast.pluginUpdateSuccess\": \"已更新到最新版本\",\n    \"toast.failToUpdatePlugin\": \"更新插件失败\",\n    \"toast.copiedToClipboard\": \"已复制到剪贴板\",\n    \"toast.copiedToClipboardFailed\": \"复制失败\",\n    \"toast.failToSharePlugin\": \"分享插件失败\",\n    \"toast.pluginUninstalled\": \"插件已卸载\",\n    \"toast.toast.pluginUninstalled\": \"卸载插件失败\",\n    \"toast.failToImportMusic\": \"导入歌曲失败\",\n    \"toast.importing\": \"正在导入中...\",\n    \"toast.failToImportSheet\": \"导入歌单失败\",\n    \"toast.settingSuccess\": \"设置成功~\",\n    \"toast.installPluginSuccess\": \"插件安装成功\",\n    \"toast.updatePluginSuccess\": \"插件更新成功\",\n    \"toast.installPluginFail\": \"插件安装失败: {reason}\",\n    \"toast.allPluginInstallFailed\": \"所有插件安装失败\",\n    \"toast.partialPluginInstallFailed\": \"部分插件安装失败\",\n    \"toast.partialPluginInstallFailedWithReason\": \"部分插件安装失败: {reason}\",\n    \"toast.allPluginUpdateFailed\": \"所有插件更新失败\",\n    \"toast.partialPluginUpdateFailed\": \"部分插件更新失败\",\n    \"toast.noSubscription\": \"暂无订阅\",\n    \"toast.subscriptionInvalid\": \"订阅无效\",\n    \"toast.subscriptionHaveToEndWithJs\": \"订阅地址必须以.js或.json结尾\",\n    \"toast.unknownError\": \"未知错误，请稍后再试: {reason}\",\n    \"themeSettings.displayStyle\": \"显示样式\",\n    \"themeSettings.followSystemTheme\": \"跟随系统深色设置\",\n    \"themeSettings.setTheme\": \"主题设置\",\n    \"themeSettings.lightMode\": \"浅色模式\",\n    \"themeSettings.darkMode\": \"深色模式\",\n    \"themeSettings.customMode\": \"自定义背景\",\n    \"setCustomTheme.customizeBackground\": \"自定义背景\",\n    \"setCustomTheme.blur\": \"模糊度\",\n    \"setCustomTheme.opacity\": \"透明度\",\n    \"setCustomTheme.primaryColor\": \"主题色\",\n    \"setCustomTheme.textColor\": \"文字颜色\",\n    \"setCustomTheme.appBarColor\": \"标题栏背景色\",\n    \"setCustomTheme.appBarTextColor\": \"标题栏文字颜色\",\n    \"setCustomTheme.musicBarColor\": \"音乐栏背景色\",\n    \"setCustomTheme.musicBarTextColor\": \"音乐栏文字颜色\",\n    \"setCustomTheme.pageBackgroundColor\": \"页面背景色\",\n    \"setCustomTheme.backdropColor\": \"弹窗、浮层背景色\",\n    \"setCustomTheme.cardColor\": \"卡片背景色\",\n    \"setCustomTheme.placeholderColor\": \"输入框背景色\",\n    \"setCustomTheme.tabBarColor\": \"导航栏背景色\",\n    \"setCustomTheme.notificationColor\": \"提示、tips背景色\",\n    \"backupAndResume.beginBackup\": \"开始备份\",\n    \"backupAndResume.backupDialogTitle\": \"备份本地音乐\",\n    \"backupAndResume.backuping\": \"正在备份中...\",\n    \"toast.backupSuccess\": \"备份成功\",\n    \"toast.backupFail\": \"备份失败: {reason}\",\n    \"backupAndResume.resumeFromLocalFile\": \"从本地文件恢复\",\n    \"backupAndResume.resuming\": \"正在恢复中...\",\n    \"toast.resumeSuccess\": \"恢复成功\",\n    \"toast.resumeFail\": \"恢复失败: {reason}\",\n    \"backupAndResume.resumeFromUrlDialogTitle\": \"从远程URL中恢复\",\n    \"backupAndResume.resumeFromUrlDialogPlaceHolder\": \"输入以json或txt结尾的URL\",\n    \"toast.backupFileNotFound\": \"备份文件未找到\",\n    \"toast.resumePreCheckFailed\": \"请先在「Webdav设置」中完成配置，再执行恢复\",\n    \"backupAndResume.setResumeMode\": \"设置恢复方式\",\n    \"backupAndResume.resumeMode\": \"恢复方式\",\n    \"backupAndResume.localBackup\": \"本地备份\",\n    \"backupAndResume.backupToLocal\": \"备份到本地\",\n    \"backupAndResume.webdavSettings\": \"Webdav设置\",\n    \"backupAndResume.webdavUrl\": \"webdav服务地址\",\n    \"backupAndResume.backupToWebdav\": \"备份到Webdav\",\n    \"backupAndResume.resumeFromWebdav\": \"从Webdav中恢复\",\n    \"backupAndResume.resumeMode.append\": \"恢复为新歌单\",\n    \"backupAndResume.resumeMode.overwrite-default\": \"合并默认歌单，其他歌单恢复为新歌单\",\n    \"backupAndResume.resumeMode.overwrite\": \"合并同名歌单\",\n    \"basicSettings.common\": \"常规\",\n    \"basicSettings.maxHistoryLength\": \"历史记录最多保存条数\",\n    \"basicSettings.musicDetailDefault\": \"打开歌曲详情页时\",\n    \"basicSettings.musicDetailDefault.album\": \"默认展示歌曲封面\",\n    \"basicSettings.musicDetailDefault.lyric\": \"默认展示歌词页\",\n    \"basicSettings.musicDetailAwake\": \"处于歌曲详情页时常亮\",\n    \"basicSettings.associateLyricType\": \"关联歌词方式\",\n    \"basicSettings.associateLyricType.input\": \"输入歌曲ID\",\n    \"basicSettings.associateLyricType.search\": \"搜索歌词\",\n    \"basicSettings.showExitOnNotification\": \"通知栏显示关闭按钮 (重启后生效)\",\n    \"basicSettings.sheetAndAlbum\": \"歌单&专辑\",\n    \"basicSettings.clickMusicInSearch\": \"点击搜索结果内单曲时\",\n    \"basicSettings.clickMusicInSearch.playMusic\": \"播放歌曲\",\n    \"basicSettings.clickMusicInSearch.playMusicAndReplace\": \"播放歌曲并替换播放列表\",\n    \"basicSettings.clickMusicInAlbum\": \"点击专辑内单曲时\",\n    \"basicSettings.clickMusicInAlbum.playMusic\": \"播放歌曲\",\n    \"basicSettings.clickMusicInAlbum.playAlbum\": \"播放专辑\",\n    \"basicSettings.musicOrderInLocalSheet\": \"新建歌单时默认歌曲排序\",\n    \"basicSettings.musicOrderInLocalSheet.title\": \"按歌曲名排序\",\n    \"basicSettings.musicOrderInLocalSheet.artist\": \"按作者名排序\",\n    \"basicSettings.musicOrderInLocalSheet.album\": \"按专辑名排序\",\n    \"basicSettings.musicOrderInLocalSheet.newest\": \"按收藏时间从新到旧排序\",\n    \"basicSettings.musicOrderInLocalSheet.oldest\": \"按收藏时间从旧到新排序\",\n    \"basicSettings.plugin\": \"插件\",\n    \"basicSettings.autoUpdatePlugin\": \"软件启动时自动更新插件\",\n    \"basicSettings.notCheckPluginVersion\": \"安装插件时不校验版本\",\n    \"basicSettings.lazyLoadPlugin\": \"启用插件懒加载\",\n    \"basicSettings.playback\": \"播放\",\n    \"basicSettings.notInterrupt\": \"允许与其他应用同时播放\",\n    \"basicSettings.autoPlayWhenAppStart\": \"软件启动时自动播放歌曲\",\n    \"basicSettings.tryChangeSourceWhenPlayFail\": \"播放失败时尝试更换音源\",\n    \"basicSettings.autoStopWhenError\": \"播放失败时自动暂停\",\n    \"basicSettings.tempRemoteDuck\": \"播放被暂时打断时\",\n    \"basicSettings.tempRemoteDuck.pause\": \"暂停播放\",\n    \"basicSettings.tempRemoteDuck.lowerVolume\": \"降低音量\",\n    \"basicSettings.tempRemoteDuck.volumeDecreaseLevel\": \"音量降低幅度\",\n    \"basicSettings.defaultPlayQuality\": \"默认播放音质\",\n    \"basicSettings.playQualityOrder\": \"默认播放音质缺失时\",\n    \"basicSettings.playQualityOrder.asc\": \"播放更高音质\",\n    \"basicSettings.playQualityOrder.desc\": \"播放更低音质\",\n    \"basicSettings.download\": \"下载\",\n    \"basicSettings.downloadPath\": \"下载路径\",\n    \"basicSettings.fileSelector.selectFolder\": \"选择文件夹\",\n    \"basicSettings.maxDownload\": \"最大同时下载数目\",\n    \"basicSettings.defaultDownloadQuality\": \"默认下载音质\",\n    \"basicSettings.downloadQualityOrder\": \"默认下载音质缺失时\",\n    \"basicSettings.downloadQualityOrder.asc\": \"下载更高音质\",\n    \"basicSettings.downloadQualityOrder.desc\": \"下载更低音质\",\n    \"basicSettings.network\": \"网络\",\n    \"basicSettings.useCelluarNetworkPlay\": \"使用移动网络播放\",\n    \"basicSettings.useCelluarNetworkDownload\": \"使用移动网络下载\",\n    \"basicSettings.lyric\": \"歌词\",\n    \"basicSettings.lyric.autoSearchLyric\": \"歌词缺失时自动搜索歌词\",\n    \"basicSettings.lyric.showStatusBarLyric\": \"开启桌面歌词\",\n    \"basicSettings.lyric.align\": \"对齐方式\",\n    \"basicSettings.lyric.align.left\": \"左对齐\",\n    \"basicSettings.lyric.align.center\": \"居中对齐\",\n    \"basicSettings.lyric.align.right\": \"右对齐\",\n    \"basicSettings.lyric.leftRightDistance\": \"左右距离\",\n    \"basicSettings.lyric.topBottomDistance\": \"上下距离\",\n    \"basicSettings.lyric.width\": \"歌词宽度\",\n    \"basicSettings.lyric.fontSize\": \"字体大小\",\n    \"basicSettings.lyric.textColor\": \"文本颜色\",\n    \"basicSettings.lyric.backgroundColor\": \"文本背景色\",\n    \"basicSettings.cache\": \"缓存\",\n    \"basicSettings.cache.musicCacheLimit\": \"音乐缓存上限\",\n    \"basicSettings.cache.clearMusicCache\": \"清除音乐缓存\",\n    \"basicSettings.cache.clearLyricCache\": \"清除歌词缓存\",\n    \"basicSettings.cache.clearImageCache\": \"清除图片缓存\",\n    \"basicSettings.developer\": \"开发选项\",\n    \"basicSettings.developer.errorLog\": \"记录错误日志\",\n    \"basicSettings.developer.traceLog\": \"记录详细日志\",\n    \"basicSettings.developer.devLog\": \"调试面板\",\n    \"basicSettings.developer.viewErrorLog\": \"查看错误日志\",\n    \"basicSettings.developer.clearLog\": \"清空日志\",\n    \"dialog.loading.reinitializeTrackPlayer\": \"初始化播放器中...\",\n    \"dialog.setCacheTitle\": \"设置缓存\",\n    \"dialog.setCachePlaceholder\": \"输入缓存占用上限，100M-8192M，单位M\",\n    \"dialog.clearMusicCacheTitle\": \"清除音乐缓存\",\n    \"dialog.clearMusicCacheContent\": \"确定清除音乐缓存吗?\",\n    \"dialog.clearLyricCacheTitle\": \"清除歌词缓存\",\n    \"dialog.clearLyricCacheContent\": \"确定清除歌词缓存吗?\",\n    \"dialog.clearImageCacheTitle\": \"清除图片缓存\",\n    \"dialog.clearImageCacheContent\": \"确定清除图片缓存吗?\",\n    \"dialog.errorLogTitle\": \"错误日志\",\n    \"dialog.errorLogNoRecord\": \"暂无记录\",\n    \"dialog.errorLogKnow\": \"我知道了\",\n    \"dialog.errorLogCopy\": \"复制日志\",\n    \"dialog.setScheduleCloseTime.title\": \"设置定时关闭时间\",\n    \"dialog.setScheduleCloseTime.placeholder\": \"请输入时间\",\n    \"dialog.setScheduleCloseTime.unit\": \"分钟\",\n    \"dialog.setScheduleCloseTime.hint\": \"最长支持设置24小时（1440分钟）\",\n    \"toast.cacheSetSuccess\": \"设置成功\",\n    \"toast.musicCacheCleared\": \"已清除音乐缓存\",\n    \"toast.lyricCacheCleared\": \"已清除歌词缓存\",\n    \"toast.imageCacheCleared\": \"已清除图片缓存\",\n    \"toast.logCleared\": \"日志已清空\",\n    \"toast.noFloatWindowPermission\": \"无悬浮窗权限\",\n    \"toast.folderNotExistOrNoPermission\": \"文件夹不存在或无权限\",\n    \"musicQuality.low\": \"低音质\",\n    \"musicQuality.standard\": \"标准音质\",\n    \"musicQuality.high\": \"高音质\",\n    \"musicQuality.super\": \"超高音质\",\n    \"common.emptyList\": \"什么都没有呀~\",\n    \"common.loading\": \"加载中...\",\n    \"common.error\": \"出错啦...\",\n    \"common.clickToRetry\": \"点击重试\",\n    \"common.failToLoad\": \"加载失败\",\n    \"common.listReachEnd\": \"~~~ 到底啦 ~~~\",\n    \"playAllBar.title\": \"播放全部\",\n    \"noPlugin.title\": \"还没有安装插件哦\",\n    \"noPlugin.titleWithType\": \"还没有安装支持「{type}」功能的插件哦\",\n    \"noPlugin.description\": \"先去「侧边栏-插件管理」里安装插件吧~\",\n    \"dialog.checkStorage.title\": \"存储权限\",\n    \"dialog.checkStorage.content.0\": \"MusicFree 需要文件读写权限来进行歌单备份到本地、歌曲下载等操作。\",\n    \"dialog.checkStorage.content.1\": \"点击「去授予权限」跳转至设置界面授予文件管理权限。\",\n    \"dialog.checkStorage.content.2\": \"如果您不需要备份歌单或者下载歌曲，您也可以暂时不授予此权限。\",\n    \"dialog.checkStorage.content.3\": \"您可以随时在侧边栏「权限管理」->「文件读写权限」授予或取消授予权限。\",\n    \"dialog.checkStorage.button.grantPermission\": \"去授予权限\",\n    \"dialog.checkStorage.button.doNotShowAgain\": \"不再提示\",\n    \"dialog.downloadDialog.title\": \"发现新版本({version})\",\n    \"dialog.downloadDialog.skipThisVersion\": \"跳过此版本\",\n    \"dialog.downloadDialog.downloadUsingBrowser\": \"从浏览器下载\",\n    \"dialog.downloadDialog.backupUrl\": \"备用链接\",\n    \"dialog.editSheetDetail.sheetName\": \"歌单名\",\n    \"dialog.subscriptionPluginDialog.title\": \"订阅\",\n    \"dialog.markdownDialog.openExternalLink\": \"请打开浏览器访问页面。请注意安全，谨防钓鱼网站。\",\n    \"dialog.markdownDialog.clickToShowImage\": \"点击展示图片\",\n    \"dialog.markdownDialog.loadFailed\": \"图片加载失败\",\n    \"panel.playList.title\": \"播放列表\",\n    \"panel.playList.count\": \" ({count}首)\",\n    \"panel.searchLrc.inputPlaceholder\": \"输入歌曲名称\",\n    \"panel.searchLrc.toast.settingSuccess\": \"设置成功~\",\n    \"panel.searchLrc.toast.failToSearch\": \"设置失败！\",\n    \"panel.addToMusicSheet.title\": \"添加到歌单 ({count}首)\",\n    \"panel.addToMusicSheet.newMusicSheet\": \"新建歌单\",\n    \"panel.addToMusicSheet.count\": \"{count}首\",\n    \"panel.addToMusicSheet.toast.success\": \"已添加到歌单\",\n    \"panel.addToMusicSheet.toast.fail\": \"添加到歌单失败\",\n    \"panel.associateLrc.title\": \"关联歌词\",\n    \"panel.associateLrc.inputPlaceholder\": \"输入要关联歌词的歌曲ID\",\n    \"panel.associateLrc.targetExpired\": \"地址失效了，重新复制一下吧~\",\n    \"panel.associateLrc.toast.success\": \"关联歌词成功\",\n    \"panel.associateLrc.toast.fail\": \"关联歌词失败\",\n    \"panel.associateLrc.toast.unlinkSuccess\": \"取消关联歌词成功\",\n    \"panel.createMusicSheet.title\": \"新建歌单\",\n    \"panel.editMusicSheetInfo.title\": \"编辑歌单信息\",\n    \"panel.editMusicSheetInfo.sheetName\": \"歌单名\",\n    \"panel.editMusicSheetInfo.toast.updateSuccess\": \"更新歌单信息成功~\",\n    \"panel.imageViewer.saveImage\": \"保存图片\",\n    \"panel.imageViewer.saveImageSuccess\": \"图片已保存到 {path}\",\n    \"panel.imageViewer.saveImageFail\": \"保存图片失败: {reason}\",\n    \"panel.colorPicker.title\": \"选择颜色\",\n    \"panel.createMusicSheet.inputLabel\": \"输入框\",\n    \"panel.importMusicSheet.title\": \"导入歌单\",\n    \"panel.importMusicSheet.placeholder\": \"输入目标歌单\",\n    \"panel.importMusicSheet.importing\": \"正在导入中...\",\n    \"panel.importMusicSheet.prepareImport\": \"准备导入\",\n    \"panel.importMusicSheet.foundSongs\": \"发现{count}首歌曲! 现在开始导入吗?\",\n    \"panel.importMusicSheet.invalidLink\": \"链接有误或目标歌单为空\",\n    \"panel.musicItemLyricOptions.author\": \"作者: {artist}\",\n    \"panel.musicItemLyricOptions.album\": \"专辑: {album}\",\n    \"panel.musicItemLyricOptions.toggleDesktopLyric\": \"{status}桌面歌词\",\n    \"panel.musicItemLyricOptions.enableDesktopLyric\": \"开启\",\n    \"panel.musicItemLyricOptions.disableDesktopLyric\": \"关闭\",\n    \"panel.musicItemLyricOptions.desktopLyricPermissionError\": \"开启桌面歌词失败，无悬浮窗权限\",\n    \"panel.musicItemLyricOptions.uploadLocalLyric\": \"上传本地歌词\",\n    \"panel.musicItemLyricOptions.uploadLocalLyricTranslation\": \"上传本地歌词翻译\",\n    \"panel.musicItemLyricOptions.deleteLocalLyric\": \"删除本地歌词\",\n    \"panel.musicItemLyricOptions.settingFail\": \"设置失败: {reason}\",\n    \"panel.musicItemLyricOptions.deleteFail\": \"删除失败: {reason}\",\n    \"panel.musicItemOptions.author\": \"作者: {artist}\",\n    \"panel.musicItemOptions.album\": \"专辑: {album}\",\n    \"panel.musicItemOptions.downloaded\": \"已下载\",\n    \"panel.musicItemOptions.readComment\": \"查看评论\",\n    \"panel.musicItemOptions.deleteLocalDownload\": \"删除本地下载\",\n    \"panel.musicItemOptions.deleteLocalDownloadConfirm\": \"将会删除已下载的本地文件，确定继续吗？\",\n    \"panel.musicItemOptions.associatedLyric\": \"已关联歌词 {platform}@{id}\",\n    \"panel.musicItemOptions.associateLyric\": \"关联歌词\",\n    \"panel.musicItemOptions.unassociateLyric\": \"解除关联歌词\",\n    \"panel.musicItemOptions.unassociateLyricSuccess\": \"已解除关联歌词\",\n    \"panel.musicItemOptions.timingClose\": \"定时关闭\",\n    \"panel.musicItemOptions.clearPluginCache\": \"清除插件缓存(播放异常时使用)\",\n    \"panel.musicItemOptions.cacheCleared\": \"缓存已清除\",\n    \"panel.musicItemOptions.deleteFailed\": \"删除失败\",\n    \"panel.musicQuality.title\": \"设置{type}音质\",\n    \"panel.searchLrc.unnamed\": \"(未命名)\",\n    \"panel.searchLrc.notSupported\": \"搜索歌词\",\n    \"panel.setFontSize.title\": \"设置字体大小\",\n    \"panel.setFontSize.small\": \"小\",\n    \"panel.setFontSize.standard\": \"标准\",\n    \"panel.setFontSize.large\": \"大\",\n    \"panel.setFontSize.extraLarge\": \"超大\",\n    \"panel.setLyricOffset.title\": \"设置歌词进度 ({status})\",\n    \"panel.setLyricOffset.normal\": \"正常\",\n    \"panel.setLyricOffset.delay\": \"延后{time}s\",\n    \"panel.setLyricOffset.advance\": \"提前{time}s\",\n    \"panel.setLyricOffset.reset\": \"重置\",\n    \"panel.simpleInput.inputLabel\": \"输入框\",\n    \"panel.timingClose.countdown\": \"关闭倒计时 {time}\",\n    \"panel.timingClose.customize\": \"自定义\",\n    \"panel.timingClose.cancelScheduleClose\": \"取消定时关闭\",\n    \"panel.timingClose.closeAfterPlay\": \"播放完歌曲再关闭\",\n    \"panel.playRate.title\": \"播放速度\",\n    \"panel.sheetTags.title\": \"歌单类别\",\n    \"repeatMode.SHUFFLE\": \"随机播放\",\n    \"repeatMode.QUEUE\": \"列表循环\",\n    \"repeatMode.SINGLE\": \"单曲循环\"\n}"
  },
  {
    "path": "src/core/i18n/languages/zh-tw.json",
    "content": "{\n    \"common.setting\": \"設定\",\n    \"common.software\": \"軟體\",\n    \"common.language\": \"語言\",\n    \"common.theme\": \"主題\",\n    \"common.other\": \"其他\",\n    \"common.cancel\": \"取消\",\n    \"common.about\": \"關於\",\n    \"common.batchEdit\": \"批次編輯\",\n    \"common.selectAll\": \"全選\",\n    \"common.unselectAll\": \"取消全選\",\n    \"common.save\": \"儲存\",\n    \"common.play\": \"播放\",\n    \"common.download\": \"下載\",\n    \"common.delete\": \"刪除\",\n    \"common.unknownName\": \"未命名\",\n    \"common.default\": \"預設\",\n    \"common.search\": \"搜尋\",\n    \"common.clear\": \"清空\",\n    \"common.singleMusic\": \"單曲\",\n    \"common.album\": \"專輯\",\n    \"common.artist\": \"作者\",\n    \"common.sheet\": \"歌單\",\n    \"common.done\": \"完成\",\n    \"common.edit\": \"編輯\",\n    \"common.local\": \"本地\",\n    \"common.sure\": \"確定\",\n    \"common.confirm\": \"確認\",\n    \"common.view\": \"查看\",\n    \"common.open\": \"打開\",\n    \"common.username\": \"用戶名\",\n    \"common.password\": \"密碼\",\n    \"common.cover\": \"封面\",\n    \"common.name\": \"名稱\",\n    \"common.comment\": \"評論\",\n    \"sidebar.basicSettings\": \"基本設定\",\n    \"sidebar.pluginManagement\": \"外掛管理\",\n    \"sidebar.themeSettings\": \"主題設定\",\n    \"sidebar.scheduleClose\": \"定時關閉\",\n    \"sidebar.backupAndResume\": \"備份與恢復\",\n    \"sidebar.permissionManagement\": \"權限管理\",\n    \"sidebar.checkUpdate\": \"檢查更新\",\n    \"sidebar.currentVersion\": \"當前版本: \",\n    \"sidebar.backToDesktop\": \"返回桌面\",\n    \"sidebar.exitApp\": \"退出應用\",\n    \"sidebar.languageSettings\": \"語言設定\",\n    \"checkUpdate.error.latestVersion\": \"當前已是最新版本\",\n    \"home.recommendSheet\": \"推薦歌單\",\n    \"home.topList\": \"榜單\",\n    \"home.playHistory\": \"播放歷史\",\n    \"home.localMusic\": \"本地音樂\",\n    \"home.openSidebar.a11y\": \"打開側邊欄\",\n    \"home.myPlaylists\": \"我的歌單\",\n    \"home.starredPlaylists\": \"收藏歌單\",\n    \"home.newPlaylist.a11y\": \"新建歌單\",\n    \"home.importPlaylist.a11y\": \"導入歌單\",\n    \"home.myPlaylistsCount.a11y\": \"我的歌單，共{count}個\",\n    \"home.starredPlaylistsCount.a11y\": \"收藏歌單，共{count}個\",\n    \"home.songCount\": \"{count}首\",\n    \"home.clickToSearch\": \"點擊這裡開始搜尋\",\n    \"dialog.deleteSheetTitle\": \"刪除歌單\",\n    \"dialog.deleteSheetContent\": \"確認刪除歌單「{name}」嗎？\",\n    \"toast.deleteSuccess\": \"刪除成功\",\n    \"toast.hasStarred\": \"已收藏歌單\",\n    \"toast.hasUnstarred\": \"已取消收藏歌單\",\n    \"toast.importSuccess\": \"導入成功\",\n    \"toast.saveSuccess\": \"儲存成功\",\n    \"toast.sortHasBeenUpdated\": \"排序已更新\",\n    \"toast.currentQualityNotAvailableForCurrentMusic\": \"當前暫無此音質音樂\",\n    \"toast.commmentNotAvaliableForCurrentMusic\": \"當前歌曲暫無評論\",\n    \"toast.addToNextPlay\": \"已添加到下一首播放\",\n    \"toast.beginDownload\": \"開始下載，全部下載完成之前請不要關閉應用\",\n    \"toast.rememberToSave\": \"記得儲存哦~\",\n    \"localMusic.scanLocalMusic\": \"掃描本地音樂\",\n    \"localMusic.beginScan\": \"開始掃描\",\n    \"localMusic.downloadList\": \"下載列表\",\n    \"lyric.lyricLinkedFrom\": \"歌詞關聯自「{platform} - {title}」\",\n    \"lyric.unlinkLyric\": \"解除關聯\",\n    \"lyric.noLyric\": \"暫無歌詞\",\n    \"lyric.searchLyric\": \"搜尋歌詞\",\n    \"musicListEditor.selectMusicCount\": \"已選擇 {count} 首\",\n    \"musicListEditor.addToNextPlay\": \"下一首播放\",\n    \"musicListEditor.addToSheet\": \"加入歌單\",\n    \"permissionSetting.title\": \"權限管理\",\n    \"permissionSetting.description\": \"此處列出了本 APP 需要的所有權限，你可以從這裡開啟或關閉某些權限。\",\n    \"permissionSetting.floatWindowPermission\": \"懸浮窗權限\",\n    \"permissionSetting.floatWindowPermissionDescription\": \"用以展示桌面歌詞\",\n    \"permissionSetting.fileReadWritePermission\": \"文件讀寫權限\",\n    \"permissionSetting.fileReadWritePermissionDescription\": \"用以下載歌曲、快取資料\",\n    \"recommendSheet.title\": \"推薦歌單\",\n    \"searchMusicList.searchPlaceHolder\": \"在列表中搜尋歌曲\",\n    \"searchMusicList.searchLabel.a11y\": \"搜尋框\",\n    \"searchPage.searchPlaceHolder\": \"輸入要搜尋的歌曲\",\n    \"searchPage.searchLabel.a11y\": \"搜尋框\",\n    \"searchPage.history\": \"歷史紀錄\",\n    \"searchPage.artistResultWorksNum\": \"{count} 個作品\",\n    \"searchPage.comingSoon\": \"敬請期待\",\n    \"topList.title\": \"榜單\",\n    \"sheetDetail.totalMusicCount\": \"共 {count} 首\",\n    \"sheetDetail.editSheetInfo\": \"編輯歌單資訊\",\n    \"sheetDetail.batchEditMusic\": \"批量編輯歌曲\",\n    \"sheetDetail.sortMusic\": \"歌曲排序\",\n    \"sheetDetail.sortMusicOption.byTitle\": \"按歌曲名排序\",\n    \"sheetDetail.sortMusicOption.byArtist\": \"按作者名排序\",\n    \"sheetDetail.sortMusicOption.byAlbum\": \"按專輯名排序\",\n    \"sheetDetail.sortMusicOption.newest\": \"按收藏時間從新到舊排序\",\n    \"sheetDetail.sortMusicOption.oldest\": \"按收藏時間從舊到新排序\",\n    \"sheetDetail.deleteSheet\": \"刪除歌單\",\n    \"sheetDetail.deleteSheetContent\": \"確認刪除歌單「{name}」嗎？\",\n    \"history.title\": \"播放紀錄\",\n    \"history.clearHistory\": \"清空播放紀錄\",\n    \"downloading.title\": \"正在下載\",\n    \"downloading.downloadFailReason.noWritePermission\": \"沒有寫入文件的權限\",\n    \"downloading.downloadFailReason.failToFetchSource\": \"獲取音樂源失敗\",\n    \"downloading.downloadFailReason.unknown\": \"未知錯誤\",\n    \"downloading.downloadStatus.completed\": \"下載完成\",\n    \"downloading.downloadStatus.downloadProgress\": \"下載中: {progress} / {totalSize}\",\n    \"downloading.downloadStatus.pending\": \"等待下載\",\n    \"downloading.downloadStatus.preparing\": \"正在獲取音樂資源連結\",\n    \"artistDetail.fansCount\": \"粉絲數: {count}\",\n    \"artistDetail.menu.batchEditMusic\": \"批量編輯歌曲\",\n    \"artistDetail.musicSheet\": \"{artist} - 單曲\",\n    \"pluginSetting.pluginItem.options.updatePlugin\": \"更新外掛\",\n    \"pluginSetting.pluginItem.options.sharePlugin\": \"分享外掛\",\n    \"pluginSetting.pluginItem.options.uninstallPlugin\": \"卸載外掛\",    \n    \"pluginSetting.pluginItem.options.uninstallPluginContent\": \"確認卸載外掛「{name}」嗎？\",\n    \"pluginSetting.pluginItem.options.alternativePlugin\": \"音源重定向\",\n    \"pluginSetting.pluginItem.alternativePlugin\": \"該外掛實際使用「{name}」外掛解析音樂的音源\",\n    \"pluginSetting.pluginItem.dialog.setAlternativePluginTitle\": \"設置音源重定向\",\n    \"pluginSetting.pluginItem.dialog.setAlternativePluginTip\": \"將使用選定的外掛解析該外掛的音源\\n隨便設置可能導致無法播放歌曲，請謹慎操作\",\n    \"pluginSetting.pluginItem.options.importMusic\": \"導入單曲\",\n    \"pluginSetting.pluginItem.options.importMusicPlaceHolder\": \"輸入目標歌曲\",\n    \"pluginSetting.pluginItem.options.importDialogTitle\": \"準備導入\",\n    \"pluginSetting.pluginItem.options.importMusicDialogContent\": \"發現歌曲「{name}」，是否導入？\",\n    \"pluginSetting.pluginItem.options.importMusicToSheetName\": \"{name}導入歌曲\",\n    \"pluginSetting.pluginItem.options.importSheet\": \"導入歌單\",\n    \"pluginSetting.pluginItem.options.importSheetPlaceHolder\": \"輸入目標歌單\",\n    \"pluginSetting.pluginItem.options.importSheetDialogContent\": \"發現 {count} 首歌曲，是否導入？\",\n    \"pluginSetting.pluginItem.options.userVariables\": \"用戶變數\",\n    \"pluginSetting.pluginItem.versionHint\": \"版本號: {version}\",\n    \"pluginSetting.pluginItem.author\": \"作者: {author}\",\n    \"pluginSetting.menu.subscriptionSetting\": \"訂閱設定\",\n    \"pluginSetting.menu.sort\": \"外掛排序\",\n    \"pluginSetting.menu.uninstallAll\": \"卸載全部外掛\",\n    \"pluginSetting.menu.uninstallAllContent\": \"確認卸載全部外掛嗎？此操作不可恢復！\",\n    \"pluginSetting.menu.installPlugin\": \"安裝外掛\",\n    \"pluginSetting.menu.installPluginDialogPlaceholder\": \"輸入外掛URL\",\n    \"pluginSetting.menu.pluginInstallFailedDialogTitle\": \"外掛安裝失敗\",\n    \"pluginSetting.menu.pluginUpdateFailedDialogTitle\": \"外掛更新失敗\",\n    \"pluginSetting.fabOptions.installFromLocal\": \"從本地安裝外掛\",\n    \"pluginSetting.fabOptions.installFromNetwork\": \"從網路安裝外掛\",\n    \"pluginSetting.fabOptions.updateAllPlugins\": \"更新全部外掛\",\n    \"pluginSetting.fabOptions.updateSubscription\": \"更新訂閱\",\n    \"pluginSetting.failReason\": \"失敗原因: {reason}\",\n    \"pluginSetting.pluginInstallFailedDialogContent\": \"以下外掛安裝失敗: \\n {detail}\",\n    \"pluginSetting.pluginUpdateFailedDialogContent\": \"以下外掛安裝失敗: \\n {detail}\",\n    \"toast.pluginUpdateSuccess\": \"已更新到最新版本\",\n    \"toast.failToUpdatePlugin\": \"更新外掛失敗\",\n    \"toast.copiedToClipboard\": \"已複製到剪貼板\",\n    \"toast.copiedToClipboardFailed\": \"複製失敗\",\n    \"toast.failToSharePlugin\": \"分享外掛失敗\",\n    \"toast.pluginUninstalled\": \"外掛已卸載\",\n    \"toast.toast.pluginUninstalled\": \"卸載外掛失敗\",\n    \"toast.failToImportMusic\": \"導入歌曲失敗\",\n    \"toast.importing\": \"正在導入中...\",\n    \"toast.failToImportSheet\": \"導入歌單失敗\",\n    \"toast.settingSuccess\": \"設定成功~\",\n    \"toast.installPluginSuccess\": \"外掛安裝成功\",\n    \"toast.updatePluginSuccess\": \"外掛更新成功\",\n    \"toast.installPluginFail\": \"外掛安裝失敗: {reason}\",\n    \"toast.allPluginInstallFailed\": \"所有外掛安裝失敗\",\n    \"toast.partialPluginInstallFailed\": \"部分外掛安裝失敗\",\n    \"toast.partialPluginInstallFailedWithReason\": \"部分外掛安裝失敗: {reason}\",\n    \"toast.allPluginUpdateFailed\": \"所有外掛更新失敗\",\n    \"toast.partialPluginUpdateFailed\": \"部分外掛更新失敗\",\n    \"toast.noSubscription\": \"暫無訂閱\",\n    \"toast.subscriptionInvalid\": \"訂閱無效\",\n    \"toast.subscriptionHaveToEndWithJs\": \"訂閱地址必須以.js或.json結尾\",\n    \"toast.unknownError\": \"未知錯誤，請稍後再試: {reason}\",\n    \"themeSettings.displayStyle\": \"顯示樣式\",\n    \"themeSettings.followSystemTheme\": \"跟隨系統深色設定\",\n    \"themeSettings.setTheme\": \"主題設定\",\n    \"themeSettings.lightMode\": \"淺色模式\",\n    \"themeSettings.darkMode\": \"深色模式\",\n    \"themeSettings.customMode\": \"自訂背景\",\n    \"setCustomTheme.customizeBackground\": \"自訂背景\",\n    \"setCustomTheme.blur\": \"模糊度\",\n    \"setCustomTheme.opacity\": \"透明度\",\n    \"setCustomTheme.primaryColor\": \"主題色\",\n    \"setCustomTheme.textColor\": \"文字顏色\",\n    \"setCustomTheme.appBarColor\": \"標題欄背景色\",\n    \"setCustomTheme.appBarTextColor\": \"標題欄文字顏色\",\n    \"setCustomTheme.musicBarColor\": \"音樂欄背景色\",\n    \"setCustomTheme.musicBarTextColor\": \"音樂欄文字顏色\",\n    \"setCustomTheme.pageBackgroundColor\": \"頁面背景色\",\n    \"setCustomTheme.backdropColor\": \"彈窗、浮層背景色\",\n    \"setCustomTheme.cardColor\": \"卡片背景色\",\n    \"setCustomTheme.placeholderColor\": \"輸入框背景色\",\n    \"setCustomTheme.tabBarColor\": \"導航欄背景色\",\n    \"setCustomTheme.notificationColor\": \"提示、tips背景色\",\n    \"backupAndResume.beginBackup\": \"開始備份\",\n    \"backupAndResume.backupDialogTitle\": \"備份本地音樂\",\n    \"backupAndResume.backuping\": \"正在備份中...\",\n    \"toast.backupSuccess\": \"備份成功\",\n    \"toast.backupFail\": \"備份失敗: {reason}\",\n    \"backupAndResume.resumeFromLocalFile\": \"從本地文件恢復\",\n    \"backupAndResume.resuming\": \"正在恢復中...\",\n    \"toast.resumeSuccess\": \"恢復成功\",\n    \"toast.resumeFail\": \"恢復失敗: {reason}\",\n    \"backupAndResume.resumeFromUrlDialogTitle\": \"從遠程URL中恢復\",\n    \"backupAndResume.resumeFromUrlDialogPlaceHolder\": \"輸入以json或txt結尾的URL\",\n    \"toast.backupFileNotFound\": \"備份文件未找到\",\n    \"toast.resumePreCheckFailed\": \"請先在「Webdav設定」中完成配置，再執行恢復\",\n    \"backupAndResume.setResumeMode\": \"設定恢復方式\",\n    \"backupAndResume.resumeMode\": \"恢復方式\",\n    \"backupAndResume.localBackup\": \"本地備份\",\n    \"backupAndResume.backupToLocal\": \"備份到本地\",\n    \"backupAndResume.webdavSettings\": \"Webdav設定\",\n    \"backupAndResume.webdavUrl\": \"webdav服務地址\",\n    \"backupAndResume.backupToWebdav\": \"備份到Webdav\",\n    \"backupAndResume.resumeFromWebdav\": \"從Webdav中恢復\",\n    \"backupAndResume.resumeMode.append\": \"恢復為新歌單\",\n    \"backupAndResume.resumeMode.overwrite-default\": \"合併預設歌單，其他歌單恢復為新歌單\",\n    \"backupAndResume.resumeMode.overwrite\": \"合併同名歌單\",\n    \"basicSettings.common\": \"常規\",\n    \"basicSettings.maxHistoryLength\": \"歷史紀錄最多保存條數\",\n    \"basicSettings.musicDetailDefault\": \"打開歌曲詳情頁時\",\n    \"basicSettings.musicDetailDefault.album\": \"預設展示歌曲封面\",\n    \"basicSettings.musicDetailDefault.lyric\": \"預設展示歌詞頁\",\n    \"basicSettings.musicDetailAwake\": \"處於歌曲詳情頁時常亮\",\n    \"basicSettings.associateLyricType\": \"關聯歌詞方式\",\n    \"basicSettings.associateLyricType.input\": \"輸入歌曲ID\",\n    \"basicSettings.associateLyricType.search\": \"搜尋歌詞\",\n    \"basicSettings.showExitOnNotification\": \"通知欄顯示關閉按鈕 (重啟後生效)\",\n    \"basicSettings.sheetAndAlbum\": \"歌單&專輯\",\n    \"basicSettings.clickMusicInSearch\": \"點擊搜尋結果內單曲時\",\n    \"basicSettings.clickMusicInSearch.playMusic\": \"播放歌曲\",\n    \"basicSettings.clickMusicInSearch.playMusicAndReplace\": \"播放歌曲並替換播放列表\",\n    \"basicSettings.clickMusicInAlbum\": \"點擊專輯內單曲時\",\n    \"basicSettings.clickMusicInAlbum.playMusic\": \"播放歌曲\",\n    \"basicSettings.clickMusicInAlbum.playAlbum\": \"播放專輯\",\n    \"basicSettings.musicOrderInLocalSheet\": \"新建歌單時預設歌曲排序\",\n    \"basicSettings.musicOrderInLocalSheet.title\": \"按歌曲名排序\",\n    \"basicSettings.musicOrderInLocalSheet.artist\": \"按作者名排序\",\n    \"basicSettings.musicOrderInLocalSheet.album\": \"按專輯名排序\",\n    \"basicSettings.musicOrderInLocalSheet.newest\": \"按收藏時間從新到舊排序\",\n    \"basicSettings.musicOrderInLocalSheet.oldest\": \"按收藏時間從舊到新排序\",\n    \"basicSettings.plugin\": \"外掛\",\n    \"basicSettings.autoUpdatePlugin\": \"軟體啟動時自動更新外掛\",\n    \"basicSettings.notCheckPluginVersion\": \"安裝外掛時不校驗版本\",\n    \"basicSettings.lazyLoadPlugin\": \"啟用插件懶加載\",\n    \"basicSettings.playback\": \"播放\",\n    \"basicSettings.notInterrupt\": \"允許與其他應用同時播放\",\n    \"basicSettings.autoPlayWhenAppStart\": \"軟體啟動時自動播放歌曲\",\n    \"basicSettings.tryChangeSourceWhenPlayFail\": \"播放失敗時嘗試更換音源\",\n    \"basicSettings.autoStopWhenError\": \"播放失敗時自動暫停\",\n    \"basicSettings.tempRemoteDuck\": \"播放被暫時打斷時\",\n    \"basicSettings.tempRemoteDuck.pause\": \"暫停播放\",\n    \"basicSettings.tempRemoteDuck.lowerVolume\": \"降低音量\",\n    \"basicSettings.tempRemoteDuck.volumeDecreaseLevel\": \"音量調降程度\",\n    \"basicSettings.defaultPlayQuality\": \"預設播放音質\",\n    \"basicSettings.playQualityOrder\": \"預設播放音質缺失時\",\n    \"basicSettings.playQualityOrder.asc\": \"播放更高音質\",\n    \"basicSettings.playQualityOrder.desc\": \"播放更低音質\",\n    \"basicSettings.download\": \"下載\",\n    \"basicSettings.downloadPath\": \"下載路徑\",\n    \"basicSettings.fileSelector.selectFolder\": \"選擇文件夾\",\n    \"basicSettings.maxDownload\": \"最大同時下載數目\",\n    \"basicSettings.defaultDownloadQuality\": \"預設下載音質\",\n    \"basicSettings.downloadQualityOrder\": \"預設下載音質缺失時\",\n    \"basicSettings.downloadQualityOrder.asc\": \"下載更高音質\",\n    \"basicSettings.downloadQualityOrder.desc\": \"下載更低音質\",\n    \"basicSettings.network\": \"網路\",\n    \"basicSettings.useCelluarNetworkPlay\": \"使用行動網路播放\",\n    \"basicSettings.useCelluarNetworkDownload\": \"使用行動網路下載\",\n    \"basicSettings.lyric\": \"歌詞\",\n    \"basicSettings.lyric.autoSearchLyric\": \"歌詞缺失時自動搜尋歌詞\",\n    \"basicSettings.lyric.showStatusBarLyric\": \"開啟桌面歌詞\",\n    \"basicSettings.lyric.align\": \"對齊方式\",\n    \"basicSettings.lyric.align.left\": \"左對齊\",\n    \"basicSettings.lyric.align.center\": \"居中對齊\",\n    \"basicSettings.lyric.align.right\": \"右對齊\",\n    \"basicSettings.lyric.leftRightDistance\": \"左右距離\",\n    \"basicSettings.lyric.topBottomDistance\": \"上下距離\",\n    \"basicSettings.lyric.width\": \"歌詞寬度\",\n    \"basicSettings.lyric.fontSize\": \"字體大小\",\n    \"basicSettings.lyric.textColor\": \"文本顏色\",\n    \"basicSettings.lyric.backgroundColor\": \"文本背景色\",\n    \"basicSettings.cache\": \"快取\",\n    \"basicSettings.cache.musicCacheLimit\": \"音樂快取上限\",\n    \"basicSettings.cache.clearMusicCache\": \"清除音樂快取\",\n    \"basicSettings.cache.clearLyricCache\": \"清除歌詞快取\",\n    \"basicSettings.cache.clearImageCache\": \"清除圖片快取\",\n    \"basicSettings.developer\": \"開發選項\",\n    \"basicSettings.developer.errorLog\": \"記錄錯誤日誌\",\n    \"basicSettings.developer.traceLog\": \"記錄詳細日誌\",\n    \"basicSettings.developer.devLog\": \"調試面板\",\n    \"basicSettings.developer.viewErrorLog\": \"查看錯誤日誌\",\n    \"basicSettings.developer.clearLog\": \"清空日誌\",\n    \"dialog.loading.reinitializeTrackPlayer\": \"初始化播放器中...\",\n    \"dialog.setCacheTitle\": \"設定快取\",\n    \"dialog.setCachePlaceholder\": \"輸入快取佔用上限，100M-8192M，單位M\",\n    \"dialog.clearMusicCacheTitle\": \"清除音樂快取\",\n    \"dialog.clearMusicCacheContent\": \"確定清除音樂快取嗎?\",\n    \"dialog.clearLyricCacheTitle\": \"清除歌詞快取\",\n    \"dialog.clearLyricCacheContent\": \"確定清除歌詞快取嗎?\",\n    \"dialog.clearImageCacheTitle\": \"清除圖片快取\",\n    \"dialog.clearImageCacheContent\": \"確定清除圖片快取嗎?\",\n    \"dialog.errorLogTitle\": \"錯誤日誌\",\n    \"dialog.errorLogNoRecord\": \"暫無記錄\",\n    \"dialog.errorLogKnow\": \"我知道了\",\n    \"dialog.errorLogCopy\": \"複製日誌\",\n    \"dialog.setScheduleCloseTime.title\": \"設定定時關閉時間\",\n    \"dialog.setScheduleCloseTime.placeholder\": \"請輸入時間\",\n    \"dialog.setScheduleCloseTime.unit\": \"分鐘\",\n    \"dialog.setScheduleCloseTime.hint\": \"最長支持設定24小時（1440分鐘）\",\n    \"toast.cacheSetSuccess\": \"設定成功\",\n    \"toast.musicCacheCleared\": \"已清除音樂快取\",\n    \"toast.lyricCacheCleared\": \"已清除歌詞快取\",\n    \"toast.imageCacheCleared\": \"已清除圖片快取\",\n    \"toast.logCleared\": \"日誌已清空\",\n    \"toast.noFloatWindowPermission\": \"無懸浮窗權限\",\n    \"toast.folderNotExistOrNoPermission\": \"文件夾不存在或無權限\",\n    \"musicQuality.low\": \"低音質\",\n    \"musicQuality.standard\": \"標準音質\",\n    \"musicQuality.high\": \"高音質\",\n    \"musicQuality.super\": \"超高音質\",\n    \"common.emptyList\": \"什麼都沒有呀~\",\n    \"common.loading\": \"加載中...\",\n    \"common.error\": \"出錯啦...\",\n    \"common.clickToRetry\": \"點擊重試\",\n    \"common.failToLoad\": \"加載失敗\",\n    \"common.listReachEnd\": \"~~~ 到底啦 ~~~\",\n    \"playAllBar.title\": \"播放全部\",\n    \"noPlugin.title\": \"還沒有安裝外掛哦\",\n    \"noPlugin.titleWithType\": \"還沒有安裝支援「{type}」功能的外掛哦\",\n    \"noPlugin.description\": \"先去「側邊欄-外掛管理」裡安裝外掛吧~\",\n    \"dialog.checkStorage.title\": \"儲存權限\",\n    \"dialog.checkStorage.content.0\": \"MusicFree 需要文件讀寫權限來進行歌單備份到本地、歌曲下載等操作。\",\n    \"dialog.checkStorage.content.1\": \"點擊「去授予權限」跳轉至設定介面授予文件管理權限。\",\n    \"dialog.checkStorage.content.2\": \"如果您不需要備份歌單或者下載歌曲，您也可以暫時不授予此權限。\",\n    \"dialog.checkStorage.content.3\": \"您可以隨時在側邊欄「權限管理」->「文件讀寫權限」授予或取消授予權限。\",\n    \"dialog.checkStorage.button.grantPermission\": \"去授予權限\",\n    \"dialog.checkStorage.button.doNotShowAgain\": \"不再提示\",\n    \"dialog.downloadDialog.title\": \"發現新版本({version})\",\n    \"dialog.downloadDialog.skipThisVersion\": \"跳過此版本\",\n    \"dialog.downloadDialog.downloadUsingBrowser\": \"從瀏覽器下載\",\n    \"dialog.downloadDialog.backupUrl\": \"備用連結\",\n    \"dialog.editSheetDetail.sheetName\": \"歌單名\",\n    \"dialog.subscriptionPluginDialog.title\": \"訂閱\",\n    \"dialog.markdownDialog.openExternalLink\": \"請打開瀏覽器訪問頁面。請注意安全，謹防釣魚網站。\",\n    \"dialog.markdownDialog.clickToShowImage\": \"點擊展示圖片\",\n    \"dialog.markdownDialog.loadFailed\": \"圖片載入失敗\",\n    \"panel.playList.title\": \"播放列表\",\n    \"panel.playList.count\": \" ({count}首)\",\n    \"panel.searchLrc.inputPlaceholder\": \"輸入歌曲名稱\",\n    \"panel.searchLrc.toast.settingSuccess\": \"設定成功~\",\n    \"panel.searchLrc.toast.failToSearch\": \"設定失敗！\",\n    \"panel.addToMusicSheet.title\": \"添加到歌單 ({count}首)\",\n    \"panel.addToMusicSheet.newMusicSheet\": \"新建歌單\",\n    \"panel.addToMusicSheet.count\": \"{count}首\",\n    \"panel.addToMusicSheet.toast.success\": \"已添加到歌單\",\n    \"panel.addToMusicSheet.toast.fail\": \"添加到歌單失敗\",\n    \"panel.associateLrc.title\": \"關聯歌詞\",\n    \"panel.associateLrc.inputPlaceholder\": \"輸入要關聯歌詞的歌曲ID\",\n    \"panel.associateLrc.targetExpired\": \"地址失效了，重新複製一下吧~\",\n    \"panel.associateLrc.toast.success\": \"關聯歌詞成功\",\n    \"panel.associateLrc.toast.fail\": \"關聯歌詞失敗\",\n    \"panel.associateLrc.toast.unlinkSuccess\": \"取消關聯歌詞成功\",\n    \"panel.createMusicSheet.title\": \"新建歌單\",\n    \"panel.editMusicSheetInfo.title\": \"編輯歌單資訊\",\n    \"panel.editMusicSheetInfo.sheetName\": \"歌單名\",\n    \"panel.editMusicSheetInfo.toast.updateSuccess\": \"更新歌單資訊成功~\",\n    \"panel.imageViewer.saveImage\": \"儲存圖片\",\n    \"panel.imageViewer.saveImageSuccess\": \"圖片已儲存到 {path}\",\n    \"panel.imageViewer.saveImageFail\": \"儲存圖片失敗: {reason}\",\n    \"panel.colorPicker.title\": \"選擇顏色\",\n    \"panel.createMusicSheet.inputLabel\": \"輸入框\",\n    \"panel.importMusicSheet.title\": \"導入歌單\",\n    \"panel.importMusicSheet.placeholder\": \"輸入目標歌單\",\n    \"panel.importMusicSheet.importing\": \"正在導入中...\",\n    \"panel.importMusicSheet.prepareImport\": \"準備導入\",\n    \"panel.importMusicSheet.foundSongs\": \"發現{count}首歌曲! 現在開始導入嗎?\",\n    \"panel.importMusicSheet.invalidLink\": \"連結有誤或目標歌單為空\",\n    \"panel.musicItemLyricOptions.author\": \"作者: {artist}\",\n    \"panel.musicItemLyricOptions.album\": \"專輯: {album}\",\n    \"panel.musicItemLyricOptions.toggleDesktopLyric\": \"{status}桌面歌詞\",\n    \"panel.musicItemLyricOptions.enableDesktopLyric\": \"開啟\",\n    \"panel.musicItemLyricOptions.disableDesktopLyric\": \"關閉\",\n    \"panel.musicItemLyricOptions.desktopLyricPermissionError\": \"開啟桌面歌詞失敗，無懸浮窗權限\",\n    \"panel.musicItemLyricOptions.uploadLocalLyric\": \"上傳本地歌詞\",\n    \"panel.musicItemLyricOptions.uploadLocalLyricTranslation\": \"上傳本地歌詞翻譯\",\n    \"panel.musicItemLyricOptions.deleteLocalLyric\": \"刪除本地歌詞\",\n    \"panel.musicItemLyricOptions.settingFail\": \"設定失敗: {reason}\",\n    \"panel.musicItemLyricOptions.deleteFail\": \"刪除失敗: {reason}\",\n    \"panel.musicItemOptions.author\": \"作者: {artist}\",\n    \"panel.musicItemOptions.album\": \"專輯: {album}\",\n    \"panel.musicItemOptions.downloaded\": \"已下載\",\n    \"panel.musicItemOptions.readComment\": \"查看評論\",\n    \"panel.musicItemOptions.deleteLocalDownload\": \"刪除本機下載\",\n    \"panel.musicItemOptions.deleteLocalDownloadConfirm\": \"將會刪除已下載的本機檔案，確定繼續嗎？\",\n    \"panel.musicItemOptions.associatedLyric\": \"已關聯歌詞 {platform}@{id}\",\n    \"panel.musicItemOptions.associateLyric\": \"關聯歌詞\",\n    \"panel.musicItemOptions.unassociateLyric\": \"解除關聯歌詞\",\n    \"panel.musicItemOptions.unassociateLyricSuccess\": \"已解除關聯歌詞\",\n    \"panel.musicItemOptions.timingClose\": \"定時關閉\",\n    \"panel.musicItemOptions.clearPluginCache\": \"清除外掛快取(播放異常時使用)\",\n    \"panel.musicItemOptions.cacheCleared\": \"快取已清除\",\n    \"panel.musicItemOptions.deleteFailed\": \"刪除失敗\",\n    \"panel.musicQuality.title\": \"設定{type}音質\",\n    \"panel.searchLrc.unnamed\": \"(未命名)\",\n    \"panel.searchLrc.notSupported\": \"搜尋歌詞\",\n    \"panel.setFontSize.title\": \"設定字型大小\",\n    \"panel.setFontSize.small\": \"小\",\n    \"panel.setFontSize.standard\": \"標準\",\n    \"panel.setFontSize.large\": \"大\",\n    \"panel.setFontSize.extraLarge\": \"超大\",\n    \"panel.setLyricOffset.title\": \"設定歌詞進度 ({status})\",\n    \"panel.setLyricOffset.normal\": \"正常\",\n    \"panel.setLyricOffset.delay\": \"延後{time}s\",\n    \"panel.setLyricOffset.advance\": \"提前{time}s\",\n    \"panel.setLyricOffset.reset\": \"重設\",\n    \"panel.simpleInput.inputLabel\": \"輸入框\",\n    \"panel.timingClose.countdown\": \"關閉倒數計時 {time}\",\n    \"panel.timingClose.customize\": \"自訂關閉時間\",\n    \"panel.timingClose.cancelScheduleClose\": \"取消定時關閉\",\n    \"panel.timingClose.closeAfterPlay\": \"播放完歌曲再關閉\",\n    \"panel.playRate.title\": \"播放速度\",\n    \"panel.sheetTags.title\": \"歌單類別\",\n    \"repeatMode.SHUFFLE\": \"隨機播放\",\n    \"repeatMode.QUEUE\": \"清單循環\",\n    \"repeatMode.SINGLE\": \"單曲循環\"\n}"
  },
  {
    "path": "src/core/localMusicSheet.ts",
    "content": "import {\r\n    StorageKeys,\r\n    internalSerializeKey,\r\n    supportLocalMediaType,\r\n} from \"@/constants/commonConst\";\r\nimport mp3Util, { IBasicMeta } from \"@/native/mp3Util\";\r\nimport { addFileScheme, getFileName } from \"@/utils/fileUtils.ts\";\r\nimport {\r\n    getLocalPath,\r\n    isSameMediaItem,\r\n} from \"@/utils/mediaUtils\";\r\nimport StateMapper from \"@/utils/stateMapper\";\r\nimport { getStorage, setStorage } from \"@/utils/storage\";\r\nimport CryptoJs from \"crypto-js\";\r\nimport { nanoid } from \"nanoid\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { ReadDirItem, exists, readDir, unlink } from \"react-native-fs\";\r\n\r\nlet localSheet: IMusic.IMusicItem[] = [];\r\nconst localSheetStateMapper = new StateMapper(() => localSheet);\r\n\r\nexport async function setup() {\r\n    const sheet = await getStorage(StorageKeys.LocalMusicSheet);\r\n    if (sheet) {\r\n        let validSheet: IMusic.IMusicItem[] = [];\r\n        for (let musicItem of sheet) {\r\n            const localPath = getLocalPath(musicItem);\r\n            if (localPath && (await exists(localPath))) {\r\n                validSheet.push(musicItem);\r\n            }\r\n        }\r\n        if (validSheet.length !== sheet.length) {\r\n            await setStorage(StorageKeys.LocalMusicSheet, validSheet);\r\n        }\r\n        localSheet = validSheet;\r\n    } else {\r\n        await setStorage(StorageKeys.LocalMusicSheet, []);\r\n    }\r\n    localSheetStateMapper.notify();\r\n}\r\n\r\nexport async function addMusic(\r\n    musicItem: IMusic.IMusicItem | IMusic.IMusicItem[],\r\n) {\r\n    if (!Array.isArray(musicItem)) {\r\n        musicItem = [musicItem];\r\n    }\r\n    let newSheet = [...localSheet];\r\n    musicItem.forEach(mi => {\r\n        if (localSheet.findIndex(_ => isSameMediaItem(mi, _)) === -1) {\r\n            newSheet.push(mi);\r\n        }\r\n    });\r\n    await setStorage(StorageKeys.LocalMusicSheet, newSheet);\r\n    localSheet = newSheet;\r\n    localSheetStateMapper.notify();\r\n}\r\n\r\nfunction addMusicDraft(musicItem: IMusic.IMusicItem | IMusic.IMusicItem[]) {\r\n    if (!Array.isArray(musicItem)) {\r\n        musicItem = [musicItem];\r\n    }\r\n    let newSheet = [...localSheet];\r\n    musicItem.forEach(mi => {\r\n        if (localSheet.findIndex(_ => isSameMediaItem(mi, _)) === -1) {\r\n            newSheet.push(mi);\r\n        }\r\n    });\r\n    localSheet = newSheet;\r\n    localSheetStateMapper.notify();\r\n}\r\n\r\nasync function saveLocalSheet() {\r\n    await setStorage(StorageKeys.LocalMusicSheet, localSheet);\r\n}\r\n\r\nexport async function removeMusic(\r\n    musicItem: IMusic.IMusicItem,\r\n    deleteOriginalFile = false,\r\n) {\r\n    const idx = localSheet.findIndex(_ => isSameMediaItem(_, musicItem));\r\n    let newSheet = [...localSheet];\r\n    if (idx !== -1) {\r\n        const localMusicItem = localSheet[idx];\r\n        newSheet.splice(idx, 1);\r\n        const localPath =\r\n            musicItem[internalSerializeKey]?.localPath ??\r\n            localMusicItem[internalSerializeKey]?.localPath;\r\n        if (deleteOriginalFile && localPath) {\r\n            try {\r\n                await unlink(localPath);\r\n            } catch (e: any) {\r\n                if (e.message !== \"File does not exist\") {\r\n                    throw e;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    localSheet = newSheet;\r\n    localSheetStateMapper.notify();\r\n    saveLocalSheet();\r\n}\r\n\r\nfunction parseFilename(fn: string): Partial<IMusic.IMusicItem> | null {\r\n    const data = fn.slice(0, fn.lastIndexOf(\".\")).split(\"@\");\r\n    const [platform, id, title, artist] = data;\r\n    if (!platform || !id) {\r\n        return null;\r\n    }\r\n    return {\r\n        id,\r\n        platform: platform,\r\n        title: title ?? \"\",\r\n        artist: artist ?? \"\",\r\n    };\r\n}\r\n\r\nfunction localMediaFilter(filename: string) {\r\n    return supportLocalMediaType.some(ext => filename.toLowerCase().endsWith(ext));\r\n}\r\n\r\nlet importToken: string | null = null;\r\n// 获取本地的文件列表\r\nasync function getMusicStats(folderPaths: string[]) {\r\n    const _importToken = nanoid();\r\n    importToken = _importToken;\r\n    const musicList: string[] = [];\r\n    let peek: string | undefined;\r\n    let dirFiles: ReadDirItem[] = [];\r\n    while (folderPaths.length !== 0) {\r\n        if (importToken !== _importToken) {\r\n            throw new Error(\"Import Broken\");\r\n        }\r\n        peek = folderPaths.shift() as string;\r\n        try {\r\n            dirFiles = await readDir(peek);\r\n        } catch {\r\n            dirFiles = [];\r\n        }\r\n\r\n        dirFiles.forEach(item => {\r\n            if (item.isDirectory() && !folderPaths.includes(item.path)) {\r\n                folderPaths.push(item.path);\r\n            } else if (localMediaFilter(item.path)) {\r\n                musicList.push(item.path);\r\n            }\r\n        });\r\n    }\r\n\r\n    return { musicList, token: _importToken };\r\n}\r\n\r\nfunction cancelImportLocal() {\r\n    importToken = null;\r\n}\r\n\r\n// 导入本地音乐\r\nconst groupNum = 25;\r\nasync function importLocal(_folderPaths: string[]) {\r\n    const folderPaths = [..._folderPaths.map(it => addFileScheme(it))];\r\n    const { musicList, token } = await getMusicStats(folderPaths);\r\n    if (token !== importToken) {\r\n        throw new Error(\"Import Broken\");\r\n    }\r\n    // 分组请求，不然序列化可能出问题\r\n    let metas: IBasicMeta[] = [];\r\n    const groups = Math.ceil(musicList.length / groupNum);\r\n    for (let i = 0; i < groups; ++i) {\r\n        metas = metas.concat(\r\n            await mp3Util.getMediaMeta(\r\n                musicList.slice(i * groupNum, (i + 1) * groupNum),\r\n            ),\r\n        );\r\n    }\r\n    if (token !== importToken) {\r\n        throw new Error(\"Import Broken\");\r\n    }\r\n    const musicItems: IMusic.IMusicItem[] = await Promise.all(\r\n        musicList.map(async (musicPath, index) => {\r\n            let { platform, id, title, artist } =\r\n                parseFilename(getFileName(musicPath, true)) ?? {};\r\n            const meta = metas[index];\r\n            if (!platform || !id) {\r\n                platform = \"本地\";\r\n                id = CryptoJs.MD5(musicPath).toString(CryptoJs.enc.Hex);\r\n            }\r\n            return {\r\n                id,\r\n                platform,\r\n                title: title ?? meta?.title ?? getFileName(musicPath),\r\n                artist: artist ?? meta?.artist ?? \"未知歌手\",\r\n                duration: parseInt(meta?.duration ?? \"0\", 10) / 1000,\r\n                album: meta?.album ?? \"未知专辑\",\r\n                artwork: \"\",\r\n                [internalSerializeKey]: {\r\n                    localPath: musicPath,\r\n                },\r\n            } as IMusic.IMusicItem;\r\n        }),\r\n    );\r\n    if (token !== importToken) {\r\n        throw new Error(\"Import Broken\");\r\n    }\r\n    addMusic(musicItems);\r\n}\r\n\r\n/** 是否为本地音乐 */\r\nfunction isLocalMusic(\r\n    musicItem: ICommon.IMediaBase | null,\r\n): IMusic.IMusicItem | undefined {\r\n    return musicItem\r\n        ? localSheet.find(_ => isSameMediaItem(_, musicItem))\r\n        : undefined;\r\n}\r\n\r\n/** 状态-是否为本地音乐 */\r\nfunction useIsLocal(musicItem: IMusic.IMusicItem | null) {\r\n    const localMusicState = localSheetStateMapper.useMappedState();\r\n    const [isLocal, setIsLocal] = useState<boolean>(!!isLocalMusic(musicItem));\r\n    useEffect(() => {\r\n        if (!musicItem) {\r\n            setIsLocal(false);\r\n        } else {\r\n            setIsLocal(!!isLocalMusic(musicItem));\r\n        }\r\n    }, [localMusicState, musicItem]);\r\n    return isLocal;\r\n}\r\n\r\nfunction getMusicList() {\r\n    return localSheet;\r\n}\r\n\r\nasync function updateMusicList(newSheet: IMusic.IMusicItem[]) {\r\n    const _localSheet = [...newSheet];\r\n    try {\r\n        await setStorage(StorageKeys.LocalMusicSheet, _localSheet);\r\n        localSheet = _localSheet;\r\n        localSheetStateMapper.notify();\r\n    } catch {}\r\n}\r\n\r\nconst LocalMusicSheet = {\r\n    setup,\r\n    addMusic,\r\n    removeMusic,\r\n    addMusicDraft,\r\n    saveLocalSheet,\r\n    importLocal,\r\n    cancelImportLocal,\r\n    isLocalMusic,\r\n    useIsLocal,\r\n    getMusicList,\r\n    useMusicList: localSheetStateMapper.useMappedState,\r\n    updateMusicList,\r\n};\r\n\r\nexport default LocalMusicSheet;\r\n"
  },
  {
    "path": "src/core/lyricManager.ts",
    "content": "import { IAppConfig } from \"@/types/core/config\";\nimport { ITrackPlayer } from \"@/types/core/trackPlayer\";\nimport { IInjectable } from \"@/types/infra\";\nimport LyricParser, { IParsedLrcItem } from \"@/utils/lrcParser\";\nimport { getMediaExtraProperty, patchMediaExtra } from \"@/utils/mediaExtra\";\nimport { isSameMediaItem } from \"@/utils/mediaUtils\";\nimport minDistance from \"@/utils/minDistance\";\nimport { atom, getDefaultStore, useAtomValue } from \"jotai\";\nimport { Plugin } from \"./pluginManager\";\n\nimport pathConst from \"@/constants/pathConst\";\nimport LyricUtil from \"@/native/lyricUtil\";\nimport { checkAndCreateDir } from \"@/utils/fileUtils\";\nimport PersistStatus from \"@/utils/persistStatus\";\nimport CryptoJs from \"crypto-js\";\nimport { unlink, writeFile } from \"react-native-fs\";\nimport RNTrackPlayer, { Event } from \"react-native-track-player\";\nimport { TrackPlayerEvents } from \"@/core.defination/trackPlayer\";\nimport { IPluginManager } from \"@/types/core/pluginManager\";\n\n\ninterface ILyricState {\n    loading: boolean;\n    lyrics: IParsedLrcItem[];\n    hasTranslation: boolean;\n    meta?: Record<string, string>;\n}\n\nconst defaultLyricState = {\n    loading: true,\n    lyrics: [],\n    hasTranslation: false,\n};\n\nconst lyricStateAtom = atom<ILyricState>(defaultLyricState);\nconst currentLyricItemAtom = atom<IParsedLrcItem | null>(null);\n\n\nclass LyricManager implements IInjectable {\n\n    private trackPlayer!: ITrackPlayer;\n    private appConfig!: IAppConfig;\n    private pluginManager!: IPluginManager;\n\n    private lyricParser: LyricParser | null = null;\n\n\n    get currentLyricItem() {\n        return getDefaultStore().get(currentLyricItemAtom);\n    }\n\n    get lyricState() {\n        return getDefaultStore().get(lyricStateAtom);\n    }\n\n    injectDependencies(trackPlayerService: ITrackPlayer, appConfigService: IAppConfig, pluginManager: IPluginManager): void {\n        this.trackPlayer = trackPlayerService;\n        this.appConfig = appConfigService;\n        this.pluginManager = pluginManager;\n    }\n\n    setup() {\n        // 更新歌词\n        this.trackPlayer.on(TrackPlayerEvents.CurrentMusicChanged, (musicItem) => {\n            this.refreshLyric(true, true);\n\n            if (this.appConfig.getConfig(\"lyric.showStatusBarLyric\")) {\n                if (musicItem) {\n                    LyricUtil.setStatusBarLyricText(\n                        `${musicItem.title} - ${musicItem.artist}`,);\n                } else {\n                    LyricUtil.setStatusBarLyricText(\"MusicFree\");\n                }\n            }\n        });\n\n        RNTrackPlayer.addEventListener(Event.PlaybackProgressUpdated, evt => {\n            const parser = this.lyricParser;\n            if (!parser || !this.trackPlayer.isCurrentMusic(parser.musicItem)) {\n                return;\n            }\n\n            const currentLyricItem = getDefaultStore().get(currentLyricItemAtom);\n            const newLyricItem = parser.getPosition(evt.position);\n\n\n            if (currentLyricItem?.lrc !== newLyricItem?.lrc) {\n                // 更新当前歌词状态\n                getDefaultStore().set(currentLyricItemAtom, newLyricItem ?? null);\n\n                // 更新状态栏歌词\n                const showTranslation = PersistStatus.get(\"lyric.showTranslation\");\n\n                if (this.appConfig.getConfig(\"lyric.showStatusBarLyric\")) {\n                    LyricUtil.setStatusBarLyricText(\n                        (newLyricItem?.lrc ?? \"\") +\n                        (showTranslation\n                            ? `\\n${newLyricItem?.translation ?? \"\"}`\n                            : \"\"),\n                    );\n                }\n            }\n        });\n\n\n        if (this.appConfig.getConfig(\"lyric.showStatusBarLyric\")) {\n            const statusBarLyricConfig = {\n                topPercent: this.appConfig.getConfig(\"lyric.topPercent\"),\n                leftPercent: this.appConfig.getConfig(\"lyric.leftPercent\"),\n                align: this.appConfig.getConfig(\"lyric.align\"),\n                color: this.appConfig.getConfig(\"lyric.color\"),\n                backgroundColor: this.appConfig.getConfig(\"lyric.backgroundColor\"),\n                widthPercent: this.appConfig.getConfig(\"lyric.widthPercent\"),\n                fontSize: this.appConfig.getConfig(\"lyric.fontSize\"),\n            };\n            LyricUtil.showStatusBarLyric(\n                \"MusicFree\",\n                statusBarLyricConfig ?? {}\n            );\n        }\n\n        this.refreshLyric(true);\n    }\n\n    associateLyric(musicItem: IMusic.IMusicItem, linkToMusicItem: ICommon.IMediaBase) {\n        if (!musicItem || !linkToMusicItem) {\n            return false;\n        }\n\n        // 如果当前音乐项和关联的音乐项相同，则不需要重新关联\n        if (isSameMediaItem(musicItem, linkToMusicItem)) {\n            patchMediaExtra(musicItem, {\n                associatedLrc: undefined,\n            });\n            return false;\n        } else {\n            patchMediaExtra(musicItem, {\n                associatedLrc: linkToMusicItem,\n            });\n            if (this.trackPlayer.isCurrentMusic(musicItem)) {\n                this.refreshLyric(false);\n            }\n            return true;\n        }\n    }\n\n    unassociateLyric(musicItem: IMusic.IMusicItem) {\n        if (!musicItem) {\n            return;\n        }\n\n        patchMediaExtra(musicItem, {\n            associatedLrc: undefined,\n        });\n\n        if (this.trackPlayer.isCurrentMusic(musicItem)) {\n            this.refreshLyric(false);\n        }\n    }\n\n    async uploadLocalLyric(musicItem: IMusic.IMusicItem, lyricContent: string, type: \"raw\" | \"translation\" = \"raw\") {\n        if (!musicItem) {\n            return;\n        }\n\n        const platformHash = CryptoJs.MD5(musicItem.platform).toString(\n            CryptoJs.enc.Hex,\n        );\n        const idHash: string = CryptoJs.MD5(musicItem.id).toString(\n            CryptoJs.enc.Hex,\n        );\n\n        // 检查是否缓存文件夹存在\n        await checkAndCreateDir(pathConst.localLrcPath + platformHash);\n        await writeFile(pathConst.localLrcPath +\n            platformHash +\n            \"/\" +\n            idHash +\n            (type === \"raw\" ? \"\" : \".tran\") +\n            \".lrc\", lyricContent, \"utf8\");\n\n        if (this.trackPlayer.isCurrentMusic(musicItem)) {\n            this.refreshLyric(false, false);\n        }\n    }\n\n    async removeLocalLyric(musicItem: IMusic.IMusicItem) {\n        if (!musicItem) {\n            return;\n        }\n\n        const platformHash = CryptoJs.MD5(musicItem.platform).toString(\n            CryptoJs.enc.Hex,\n        );\n        const idHash: string = CryptoJs.MD5(musicItem.id).toString(\n            CryptoJs.enc.Hex,\n        );\n\n        const basePath =\n            pathConst.localLrcPath + platformHash + \"/\" + idHash;\n\n        await unlink(basePath + \".lrc\").catch(() => { });\n        await unlink(basePath + \".tran.lrc\").catch(() => { });\n\n        if (this.trackPlayer.isCurrentMusic(musicItem)) {\n            this.refreshLyric(false, false);\n        }\n\n    }\n\n\n    updateLyricOffset(musicItem: IMusic.IMusicItem, offset: number) {\n        if (!musicItem) {\n            return;\n        }\n\n        // 更新歌词偏移\n        patchMediaExtra(musicItem, {\n            lyricOffset: offset,\n        });\n\n        if (this.trackPlayer.isCurrentMusic(musicItem)) {\n            this.refreshLyric(true, false);\n        }\n    }\n\n    private setLyricAsLoadingState() {\n        getDefaultStore().set(lyricStateAtom, {\n            loading: true,\n            lyrics: [],\n            hasTranslation: false,\n        });\n        getDefaultStore().set(currentLyricItemAtom, null);\n    }\n\n    private setLyricAsNoLyricState() {\n        getDefaultStore().set(lyricStateAtom, {\n            loading: false,\n            lyrics: [],\n            hasTranslation: false,\n        });\n        getDefaultStore().set(currentLyricItemAtom, null);\n        if (this.appConfig.getConfig(\"lyric.showStatusBarLyric\")) {\n            const musicItem = this.trackPlayer.currentMusic;\n            LyricUtil.setStatusBarLyricText(musicItem ? `${musicItem.title} - ${musicItem.artist}` : \"MusicFree\");\n        }\n    }\n\n    private async refreshLyric(skipFetchLyricSourceIfSame: boolean = true, ignoreProgress: boolean = false) {\n        const currentMusicItem = this.trackPlayer.currentMusic;\n\n        // 如果没有当前音乐项，重置歌词状态\n        if (!currentMusicItem) {\n            this.setLyricAsNoLyricState();\n            return;\n        }\n\n        try {\n            let lrcSource: ILyric.ILyricSource | null;\n\n            if (skipFetchLyricSourceIfSame && this.lyricParser && this.trackPlayer.isCurrentMusic(this.lyricParser.musicItem)) {\n                lrcSource = this.lyricParser.lyricSource ?? null;\n            } else {\n                // 重置歌词状态\n                this.setLyricAsLoadingState();\n\n                lrcSource = (await this.pluginManager.getByMedia(currentMusicItem)?.methods?.getLyric(currentMusicItem)) ?? null;\n            }\n\n            // 切换到其他歌曲了, 直接返回\n            if (!this.trackPlayer.isCurrentMusic(currentMusicItem)) {\n                return;\n            }\n\n            // 如果歌词源不存在，并且开启自动搜索歌词\n            if (!lrcSource && this.appConfig.getConfig(\"lyric.autoSearchLyric\")) {\n                // 重置歌词状态\n                this.setLyricAsLoadingState();\n\n                lrcSource = await this.searchSimilarLyric(currentMusicItem);\n            }\n\n            // 切换到其他歌曲了, 直接返回\n            if (!this.trackPlayer.isCurrentMusic(currentMusicItem)) {\n                return;\n            }\n\n            // 如果源不存在，恢复默认设置\n            if (!lrcSource) {\n                this.setLyricAsNoLyricState();\n                this.lyricParser = null;\n                return;\n            }\n\n            this.lyricParser = new LyricParser(lrcSource.rawLrc!, {\n                extra: {\n                    offset: (getMediaExtraProperty(currentMusicItem, \"lyricOffset\") || 0) * -1,\n                },\n                musicItem: currentMusicItem,\n                lyricSource: lrcSource,\n                translation: lrcSource.translation,\n            });\n\n            getDefaultStore().set(lyricStateAtom, {\n                loading: false,\n                lyrics: this.lyricParser.getLyricItems(),\n                hasTranslation: !!lrcSource.translation,\n                meta: this.lyricParser.getMeta(),\n            });\n\n            const currentLyric = ignoreProgress ? (this.lyricParser.getLyricItems()?.[0] ?? null) : this.lyricParser.getPosition((await this.trackPlayer.getProgress()).position);\n            getDefaultStore().set(currentLyricItemAtom, currentLyric || null);\n\n            if (this.appConfig.getConfig(\"lyric.showStatusBarLyric\")) {\n                if (currentLyric) {\n                    LyricUtil.setStatusBarLyricText(\n                        (currentLyric?.lrc ?? \"\") +\n                        (this.lyricParser.hasTranslation\n                            ? `\\n${currentLyric?.translation ?? \"\"}`\n                            : \"\"),\n                    );\n                } else {\n                    const musicItem = this.trackPlayer.currentMusic;\n                    LyricUtil.setStatusBarLyricText(musicItem ? `${musicItem.title} - ${musicItem.artist}` : \"MusicFree\");\n                }\n            }\n        } catch (err) {\n            if (this.trackPlayer.isCurrentMusic(currentMusicItem)) {\n                this.lyricParser = null;\n                this.setLyricAsNoLyricState();\n            }\n        }\n    }\n\n    /**\n     * 检索最接近的歌词\n     * @param musicItem \n     * @returns \n     */\n    private async searchSimilarLyric(musicItem: IMusic.IMusicItem) {\n        const keyword = musicItem.alias || musicItem.title;\n        const plugins = this.pluginManager.getSearchablePlugins(\"lyric\");\n\n        let distance = Infinity;\n        let minDistanceMusicItem;\n        let targetPlugin: Plugin | null = null;\n\n        for (let plugin of plugins) {\n            // 如果插件不是当前音乐的插件，或者当前音乐不是正在播放的音乐，则跳过\n            if (\n                !this.trackPlayer.isCurrentMusic(musicItem)\n            ) {\n                return null;\n            }\n\n            if (plugin.name === musicItem.platform) {\n                // 如果插件是当前音乐的插件，则跳过\n                continue;\n            }\n\n            const results = await plugin.methods\n                .search(keyword, 1, \"lyric\")\n                .catch(() => null);\n\n            // 取前两个\n            const firstTwo = results?.data?.slice(0, 2) || [];\n\n            for (let item of firstTwo) {\n                if (\n                    item.title === keyword &&\n                    item.artist === musicItem.artist\n                ) {\n                    distance = 0;\n                    minDistanceMusicItem = item;\n                    targetPlugin = plugin;\n                    break;\n                } else {\n                    const dist =\n                        minDistance(keyword, musicItem.title) +\n                        minDistance(item.artist, musicItem.artist);\n                    if (dist < distance) {\n                        distance = dist;\n                        minDistanceMusicItem = item;\n                        targetPlugin = plugin;\n                    }\n                }\n            }\n\n            if (distance === 0) {\n                break;\n            }\n        }\n\n        if (minDistanceMusicItem && targetPlugin) {\n            return await targetPlugin.methods\n                .getLyric(minDistanceMusicItem)\n                .catch(() => null);\n        }\n\n        return null;\n    }\n\n}\n\nconst lyricManager = new LyricManager();\nexport default lyricManager;\n\n\nexport const useLyricState = () => useAtomValue(lyricStateAtom);\nexport const useCurrentLyricItem = () => useAtomValue(currentLyricItemAtom);"
  },
  {
    "path": "src/core/mediaCache.ts",
    "content": "import { addFileScheme } from \"@/utils/fileUtils\";\nimport getOrCreateMMKV from \"@/utils/getOrCreateMMKV\";\nimport { safeParse } from \"@/utils/jsonUtil\";\nimport { getMediaUniqueKey } from \"@/utils/mediaUtils\";\nimport { exists, unlink } from \"react-native-fs\";\n\n// Internal Method\nconst mediaCacheStore = getOrCreateMMKV(\"cache.MediaCache\", true);\n\n// 最多缓存800条数据\nconst maxCacheCount = 800;\n\n/** 获取meta信息 */\nconst getMediaCache = (mediaItem: ICommon.IMediaBase) => {\n    if (mediaItem.platform && mediaItem.id) {\n        const cacheMediaItem = mediaCacheStore.getString(\n            getMediaUniqueKey(mediaItem),\n        );\n        return cacheMediaItem\n            ? safeParse<ICommon.IMediaBase>(cacheMediaItem)\n            : null;\n    }\n\n    return null;\n};\n\n/** 设置meta信息 */\nconst setMediaCache = (mediaItem: ICommon.IMediaBase) => {\n    if (mediaItem.platform && mediaItem.id) {\n        const allKeys = mediaCacheStore.getAllKeys();\n        if (allKeys.length >= maxCacheCount) {\n            // TODO: 随机删一半\n            for (let i = 0; i < maxCacheCount / 2; ++i) {\n                const rawCacheMedia = mediaCacheStore.getString(allKeys[i]);\n                const cacheData = rawCacheMedia\n                    ? safeParse(rawCacheMedia)\n                    : null;\n                clearLocalCaches(cacheData);\n\n                mediaCacheStore.delete(allKeys[i]);\n            }\n        }\n\n        mediaCacheStore.set(getMediaUniqueKey(mediaItem), JSON.stringify(mediaItem));\n        return true;\n    }\n\n    return false;\n};\n\nasync function clearLocalCaches(cacheData: IMusic.IMusicItemCache) {\n    if (cacheData.$localLyric) {\n        await checkPathAndRemove(cacheData.$localLyric.rawLrc);\n        await checkPathAndRemove(cacheData.$localLyric.translation);\n    }\n}\n\nasync function checkPathAndRemove(filePath?: string) {\n    if (!filePath) {\n        return;\n    }\n    filePath = addFileScheme(filePath);\n    if (await exists(filePath)) {\n        unlink(filePath);\n    }\n}\n\n/** 移除缓存信息 */\nconst removeMediaCache = (mediaItem: ICommon.IMediaBase) => {\n    if (mediaItem.platform && mediaItem.id) {\n        mediaCacheStore.delete(getMediaUniqueKey(mediaItem));\n    }\n\n    return false;\n};\n\nconst MediaCache = {\n    getMediaCache,\n    setMediaCache,\n    removeMediaCache,\n};\n\nexport default MediaCache;\n"
  },
  {
    "path": "src/core/musicHistory.ts",
    "content": "import { musicHistorySheetId } from \"@/constants/commonConst\";\nimport { isSameMediaItem } from \"@/utils/mediaUtils\";\nimport { getStorage } from \"@/utils/storage\";\nimport { atom, getDefaultStore, useAtomValue } from \"jotai\";\n\nimport type { IAppConfig } from \"@/types/core/config\";\nimport type { IMusicHistory } from \"@/types/core/musicHistory.js\";\nimport type { IInjectable } from \"@/types/infra\";\nimport appMeta from \"./appMeta\";\nimport getOrCreateMMKV from \"@/utils/getOrCreateMMKV\";\nimport { safeParse, safeStringify } from \"@/utils/jsonUtil\";\n\n\nconst musicHistoryAtom = atom<IMusic.IMusicItem[]>([]);\nconst musicHistoryStore = getOrCreateMMKV(\"music.MusicHistory\");\n\nclass MusicHistory implements IMusicHistory, IInjectable {\n    private configService!: IAppConfig;\n\n    injectDependencies(configService: IAppConfig): void {\n        this.configService = configService;\n    }\n\n    get history() {\n        return getDefaultStore().get(musicHistoryAtom);\n    }\n\n    async setup() {\n        if (appMeta.historySheetVersion < 1) {\n            await this.migrateToMMKV();\n        }\n\n        const history = safeParse(musicHistoryStore.getString(\"history\") ?? \"[]\") as IMusic.IMusicItem[];\n        getDefaultStore().set(musicHistoryAtom, history ?? []);\n    }\n\n    async addMusic(musicItem: IMusic.IMusicItem) {\n        const newMusicHistory = [\n            musicItem,\n            ...this.history\n                .filter(item => !isSameMediaItem(item, musicItem)),\n        ].slice(0, this.configService.getConfig(\"basic.maxHistoryLen\") ?? 50);\n        \n        musicHistoryStore.set(\"history\", safeStringify(newMusicHistory));\n        getDefaultStore().set(musicHistoryAtom, newMusicHistory);\n    }\n\n    async removeMusic(musicItem: IMusic.IMusicItem) {\n        const newMusicHistory = this.history\n            .filter(item => !isSameMediaItem(item, musicItem));\n        \n        musicHistoryStore.set(\"history\", safeStringify(newMusicHistory));\n        getDefaultStore().set(musicHistoryAtom, newMusicHistory);\n    }\n\n    async clearMusic() {\n        musicHistoryStore.set(\"history\", safeStringify([]));\n        getDefaultStore().set(musicHistoryAtom, []);\n    }\n\n    async setHistory(newHistory: IMusic.IMusicItem[]) {\n        musicHistoryStore.set(\"history\", safeStringify(newHistory));\n        getDefaultStore().set(musicHistoryAtom, newHistory);\n    }\n\n    async migrateToMMKV() {\n        const history = await getStorage(musicHistorySheetId);\n        if (history?.length) {\n            musicHistoryStore.set(\"history\", safeStringify(history));\n        }\n        appMeta.setHistorySheetVersion(1);\n    }\n}\n\n\nexport function useMusicHistory() {\n    return useAtomValue(musicHistoryAtom);\n}\n\nconst musicHistory = new MusicHistory();\nexport default musicHistory;\n\n"
  },
  {
    "path": "src/core/musicSheet/index.ts",
    "content": "/**\r\n * 歌单管理\r\n */\r\nimport { ResumeMode, SortType, localPluginPlatform } from \"@/constants/commonConst.ts\";\r\nimport { IAppConfig } from \"@/types/core/config\";\r\nimport { IInjectable } from \"@/types/infra\";\r\nimport { isSameMediaItem } from \"@/utils/mediaUtils\";\r\nimport EventEmitter from \"eventemitter3\";\r\nimport { Immer } from \"immer\";\r\nimport { atom, getDefaultStore, useAtomValue } from \"jotai\";\r\nimport { nanoid } from \"nanoid\";\r\nimport { useEffect, useMemo, useState } from \"react\";\r\nimport migrate, { migrateV2 } from \"./migrate.ts\";\r\nimport SortedMusicList from \"./sortedMusicList.ts\";\r\nimport storage from \"./storage.ts\";\r\n\r\nconst produce = new Immer({\r\n    autoFreeze: false,\r\n}).produce;\r\n\r\nconst _defaultSheet: IMusic.IMusicSheetItemBase = {\r\n    id: \"favorite\",\r\n    platform: localPluginPlatform,\r\n    coverImg: undefined,\r\n    title: \"我喜欢\",\r\n    worksNum: 0,\r\n};\r\n\r\nconst musicSheetsBaseAtom = atom<IMusic.IMusicSheetItemBase[]>([]);\r\n\r\nconst starredMusicSheetsAtom = atom<IMusic.IMusicSheetItem[]>([]);\r\n\r\n// key: sheetId, value: musicList\r\nconst musicListMap = new Map<string, SortedMusicList>();\r\n\r\n\r\nconst ee = new EventEmitter<{\r\n    UpdateMusicList: (updateInfo: {\r\n        sheetId: string;\r\n        updateType: \"length\" | \"resort\"; // 更新类型\r\n    }) => void;\r\n    UpdateSheetBasic: (data: {\r\n        sheetId: string;\r\n    }) => void;\r\n}>();\r\n\r\nclass MusicSheetClazz implements IInjectable {\r\n    private appConfig!: IAppConfig;\r\n\r\n    defaultSheet: IMusic.IMusicSheetItemBase = _defaultSheet;\r\n\r\n    injectDependencies(appConfigService: IAppConfig): void {\r\n        this.appConfig = appConfigService;\r\n    }\r\n\r\n\r\n    async setup() {\r\n        // 升级逻辑 - 从 AsyncStorage 升级到 MMKV\r\n        await migrate();\r\n        try {\r\n            const allSheets: IMusic.IMusicSheetItemBase[] = storage.getSheets();\r\n\r\n            if (!Array.isArray(allSheets)) {\r\n                throw new Error(\"not exist\");\r\n            }\r\n\r\n            let needRestore = false;\r\n            if (!allSheets.length) {\r\n                allSheets.push({\r\n                    ..._defaultSheet,\r\n                });\r\n                needRestore = true;\r\n            }\r\n            if (allSheets[0].id !== _defaultSheet.id) {\r\n                const defaultSheetIndex = allSheets.findIndex(\r\n                    it => it.id === _defaultSheet.id,\r\n                );\r\n\r\n                if (defaultSheetIndex === -1) {\r\n                    allSheets.unshift({\r\n                        ..._defaultSheet,\r\n                    });\r\n                } else {\r\n                    const firstSheet = allSheets.splice(defaultSheetIndex, 1);\r\n                    allSheets.unshift(firstSheet[0]);\r\n                }\r\n                needRestore = true;\r\n            }\r\n\r\n            if (needRestore) {\r\n                await storage.setSheets(allSheets);\r\n            }\r\n\r\n            for (let sheet of allSheets) {\r\n                const musicList = storage.getMusicList(sheet.id);\r\n                const sortType = storage.getSheetMeta(sheet.id, \"sort\") as SortType;\r\n                sheet.worksNum = musicList.length;\r\n                migrateV2.migrate(sheet.id, musicList);\r\n                musicListMap.set(\r\n                    sheet.id,\r\n                    new SortedMusicList(musicList, sortType, true),\r\n                );\r\n                sheet.worksNum = musicList.length;\r\n                ee.emit(\"UpdateMusicList\", {\r\n                    sheetId: sheet.id,\r\n                    updateType: \"length\",\r\n                });\r\n            }\r\n            migrateV2.done();\r\n            getDefaultStore().set(musicSheetsBaseAtom, allSheets);\r\n\r\n\r\n            // 收藏的歌单\r\n            const starredSheets: IMusic.IMusicSheetItem[] =\r\n                storage.getStarredSheets() || [];\r\n            getDefaultStore().set(starredMusicSheetsAtom, starredSheets);\r\n\r\n        } catch (e: any) {\r\n            if (e.message === \"not exist\") {\r\n                await storage.setSheets([_defaultSheet]);\r\n                await storage.setMusicList(_defaultSheet.id, []);\r\n                getDefaultStore().set(musicSheetsBaseAtom, [_defaultSheet]);\r\n                musicListMap.set(\r\n                    _defaultSheet.id,\r\n                    new SortedMusicList([], SortType.None, true),\r\n                );\r\n            }\r\n        }\r\n\r\n\r\n    }\r\n\r\n    // 获取音乐\r\n    getSortedMusicListBySheetId(sheetId: string) {\r\n        let musicList: SortedMusicList;\r\n        if (!musicListMap.has(sheetId)) {\r\n            musicList = new SortedMusicList([], SortType.None, true);\r\n            musicListMap.set(sheetId, musicList);\r\n        } else {\r\n            musicList = musicListMap.get(sheetId)!;\r\n        }\r\n\r\n        return musicList;\r\n    }\r\n\r\n    /**\r\n     * 更新基本信息\r\n     * @param sheetId 歌单ID\r\n     * @param data 歌单数据\r\n     */\r\n    async updateMusicSheetBase(\r\n        sheetId: string,\r\n        data: Partial<IMusic.IMusicSheetItemBase>,\r\n    ) {\r\n        const musicSheets = getDefaultStore().get(musicSheetsBaseAtom);\r\n        const targetSheetIndex = musicSheets.findIndex(it => it.id === sheetId);\r\n\r\n        if (targetSheetIndex === -1) {\r\n            return;\r\n        }\r\n\r\n        const newMusicSheets = produce(musicSheets, draft => {\r\n            draft[targetSheetIndex] = {\r\n                ...draft[targetSheetIndex],\r\n                ...data,\r\n                id: sheetId,\r\n            };\r\n            return draft;\r\n        });\r\n        await storage.setSheets(newMusicSheets);\r\n        getDefaultStore().set(musicSheetsBaseAtom, newMusicSheets);\r\n        ee.emit(\"UpdateSheetBasic\", {\r\n            sheetId,\r\n        });\r\n    }\r\n\r\n\r\n    /**\r\n * 新建歌单\r\n * @param title 歌单名称\r\n */\r\n    async addSheet(title: string) {\r\n        const newId = nanoid();\r\n        const musicSheets = getDefaultStore().get(musicSheetsBaseAtom);\r\n\r\n        const newSheets: IMusic.IMusicSheetItemBase[] = [\r\n            musicSheets[0],\r\n            {\r\n                title,\r\n                platform: localPluginPlatform,\r\n                id: newId,\r\n                coverImg: undefined,\r\n                worksNum: 0,\r\n                createAt: Date.now(),\r\n            },\r\n            ...musicSheets.slice(1),\r\n        ];\r\n        // 写入存储\r\n        await storage.setSheets(newSheets);\r\n        await storage.setMusicList(newId, []);\r\n\r\n        // 更新状态\r\n        getDefaultStore().set(musicSheetsBaseAtom, newSheets);\r\n        let defaultSortType = this.appConfig.getConfig(\"basic.musicOrderInLocalSheet\");\r\n        if (\r\n            defaultSortType &&\r\n            [\r\n                SortType.Newest,\r\n                SortType.Artist,\r\n                SortType.Album,\r\n                SortType.Oldest,\r\n                SortType.Title,\r\n            ].includes(defaultSortType)\r\n        ) {\r\n            storage.setSheetMeta(newId, \"sort\", defaultSortType);\r\n        } else {\r\n            defaultSortType = SortType.None;\r\n        }\r\n        musicListMap.set(newId, new SortedMusicList([], defaultSortType, true));\r\n        return newId;\r\n    }\r\n\r\n\r\n    backupSheets() {\r\n        const allSheets = getDefaultStore().get(musicSheetsBaseAtom);\r\n        return allSheets.map(it => ({\r\n            ...it,\r\n            musicList: musicListMap.get(it.id)?.musicList || [],\r\n        })) as IMusic.IMusicSheetItem[];\r\n    }\r\n\r\n\r\n    async resumeSheets(\r\n        sheets: IMusic.IMusicSheetItem[],\r\n        resumeMode: ResumeMode,\r\n    ) {\r\n        if (resumeMode === ResumeMode.Append) {\r\n            // 逆序恢复，最新创建的在最上方\r\n            for (let i = sheets.length - 1; i >= 0; --i) {\r\n                const newSheetId = await this.addSheet(sheets[i].title || \"\");\r\n                await this.addMusic(newSheetId, sheets[i].musicList || []);\r\n            }\r\n            return;\r\n        }\r\n        // 1. 分离默认歌单和其他歌单\r\n        const defaultSheetIndex = sheets.findIndex(it => it.id === _defaultSheet.id);\r\n\r\n        let exportedDefaultSheet: IMusic.IMusicSheetItem | null = null;\r\n\r\n        if (defaultSheetIndex !== -1) {\r\n            exportedDefaultSheet = sheets.splice(defaultSheetIndex, 1)[0];\r\n        }\r\n\r\n        // 2. 合并默认歌单\r\n        await this.addMusic(_defaultSheet.id, exportedDefaultSheet?.musicList || []);\r\n\r\n        // 3. 合并其他歌单\r\n        if (resumeMode === ResumeMode.OverwriteDefault) {\r\n            // 逆序恢复，最新创建的在最上方\r\n            for (let i = sheets.length - 1; i >= 0; --i) {\r\n                const newSheetId = await this.addSheet(sheets[i].title || \"\");\r\n                await this.addMusic(newSheetId, sheets[i].musicList || []);\r\n            }\r\n        } else {\r\n            // 合并同名\r\n            const existsSheetIdMap: Record<string, string> = {};\r\n            const allSheets = getDefaultStore().get(musicSheetsBaseAtom);\r\n            allSheets.forEach(it => {\r\n                existsSheetIdMap[it.title!] = it.id;\r\n            });\r\n            for (let i = sheets.length - 1; i >= 0; --i) {\r\n                let newSheetId = existsSheetIdMap[sheets[i].title || \"\"];\r\n                if (!newSheetId) {\r\n                    newSheetId = await this.addSheet(sheets[i].title || \"\");\r\n                }\r\n                await this.addMusic(newSheetId, sheets[i].musicList || []);\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    /**\r\n     * 删除歌单\r\n     * @param sheetId 歌单id\r\n     */\r\n    async removeSheet(sheetId: string) {\r\n        // 只能删除非默认歌单\r\n        if (sheetId === _defaultSheet.id) {\r\n            return;\r\n        }\r\n        const musicSheets = getDefaultStore().get(musicSheetsBaseAtom);\r\n\r\n        // 删除后的歌单\r\n        const newSheets = musicSheets.filter(item => item.id !== sheetId);\r\n\r\n        // 写入存储\r\n        storage.removeMusicList(sheetId);\r\n        await storage.setSheets(newSheets);\r\n\r\n        // 修改状态\r\n        getDefaultStore().set(musicSheetsBaseAtom, newSheets);\r\n        musicListMap.delete(sheetId);\r\n    }\r\n\r\n    /**\r\n     * 向歌单内添加音乐\r\n     * @param sheetId 歌单id\r\n     * @param musicItem 音乐\r\n     */\r\n    async addMusic(\r\n        sheetId: string,\r\n        musicItem: IMusic.IMusicItem | Array<IMusic.IMusicItem>,\r\n    ) {\r\n        const now = Date.now();\r\n        if (!Array.isArray(musicItem)) {\r\n            musicItem = [musicItem];\r\n        }\r\n        const taggedMusicItems = musicItem.map((it, index) => ({\r\n            ...it,\r\n            $timestamp: now,\r\n            $sortIndex: musicItem.length - index,\r\n        }));\r\n\r\n        let musicList = this.getSortedMusicListBySheetId(sheetId);\r\n\r\n        const addedCount = musicList.add(taggedMusicItems);\r\n\r\n        // Update\r\n        if (!addedCount) {\r\n            return;\r\n        }\r\n        const musicSheets = getDefaultStore().get(musicSheetsBaseAtom);\r\n        if (\r\n            !musicSheets\r\n                .find(_ => _.id === sheetId)\r\n                ?.coverImg?.startsWith?.(\"file://\")\r\n        ) {\r\n            await this.updateMusicSheetBase(sheetId, {\r\n                coverImg: musicList.at(0)?.artwork,\r\n            });\r\n        }\r\n        // 更新音乐数量\r\n        getDefaultStore().set(\r\n            musicSheetsBaseAtom,\r\n            produce(draft => {\r\n                const musicSheet = draft.find(it => it.id === sheetId);\r\n                if (musicSheet) {\r\n                    musicSheet.worksNum = musicList.length;\r\n                }\r\n            }),\r\n        );\r\n        await storage.setMusicList(sheetId, musicList.musicList);\r\n        ee.emit(\"UpdateMusicList\", {\r\n            sheetId,\r\n            updateType: \"length\",\r\n        });\r\n    }\r\n\r\n\r\n    async removeMusicByIndex(sheetId: string, indices: number | number[]) {\r\n        if (!Array.isArray(indices)) {\r\n            indices = [indices];\r\n        }\r\n\r\n        const musicList = this.getSortedMusicListBySheetId(sheetId);\r\n\r\n        musicList.removeByIndex(indices);\r\n\r\n        // Update\r\n        const musicSheets = getDefaultStore().get(musicSheetsBaseAtom);\r\n        if (\r\n            !musicSheets\r\n                .find(_ => _.id === sheetId)\r\n                ?.coverImg?.startsWith(\"file://\")\r\n        ) {\r\n            await this.updateMusicSheetBase(sheetId, {\r\n                coverImg: musicList.at(0)?.artwork,\r\n            });\r\n        }\r\n        // 更新音乐数量\r\n        getDefaultStore().set(\r\n            musicSheetsBaseAtom,\r\n            produce(draft => {\r\n                const musicSheet = draft.find(it => it.id === sheetId);\r\n                if (musicSheet) {\r\n                    musicSheet.worksNum = musicList.length;\r\n                }\r\n            }),\r\n        );\r\n        await storage.setMusicList(sheetId, musicList.musicList);\r\n        ee.emit(\"UpdateMusicList\", {\r\n            sheetId,\r\n            updateType: \"length\",\r\n        });\r\n    }\r\n\r\n\r\n    async removeMusic(\r\n        sheetId: string,\r\n        musicItems: IMusic.IMusicItem | IMusic.IMusicItem[],\r\n    ) {\r\n        if (!Array.isArray(musicItems)) {\r\n            musicItems = [musicItems];\r\n        }\r\n\r\n        const musicList = this.getSortedMusicListBySheetId(sheetId);\r\n        musicList.remove(musicItems);\r\n\r\n        // Update\r\n        const musicSheets = getDefaultStore().get(musicSheetsBaseAtom);\r\n\r\n        let patchData: Partial<IMusic.IMusicSheetItemBase> = {};\r\n        if (\r\n            !musicSheets\r\n                .find(_ => _.id === sheetId)\r\n                ?.coverImg?.startsWith?.(\"file://\")\r\n        ) {\r\n            patchData.coverImg = musicList.at(0)?.artwork;\r\n        }\r\n        patchData.worksNum = musicList.length;\r\n        await this.updateMusicSheetBase(sheetId, {\r\n            coverImg: musicList.at(0)?.artwork,\r\n        });\r\n\r\n        await storage.setMusicList(sheetId, musicList.musicList);\r\n        ee.emit(\"UpdateMusicList\", {\r\n            sheetId,\r\n            updateType: \"length\",\r\n        });\r\n    }\r\n\r\n\r\n    async setSortType(sheetId: string, sortType: SortType) {\r\n        const musicList = this.getSortedMusicListBySheetId(sheetId);\r\n        musicList.setSortType(sortType);\r\n\r\n        // update\r\n        await storage.setMusicList(sheetId, musicList.musicList);\r\n        storage.setSheetMeta(sheetId, \"sort\", sortType);\r\n        ee.emit(\"UpdateMusicList\", {\r\n            sheetId,\r\n            updateType: \"resort\",\r\n        });\r\n    }\r\n\r\n    async manualSort(\r\n        sheetId: string,\r\n        musicListAfterSort: IMusic.IMusicItem[],\r\n    ) {\r\n        const musicList = this.getSortedMusicListBySheetId(sheetId);\r\n        musicList.manualSort(musicListAfterSort);\r\n\r\n        // update\r\n        await storage.setMusicList(sheetId, musicList.musicList);\r\n        storage.setSheetMeta(sheetId, \"sort\", SortType.None);\r\n\r\n        ee.emit(\"UpdateMusicList\", {\r\n            sheetId,\r\n            updateType: \"resort\",\r\n        });\r\n    }\r\n\r\n    getSheetMeta = storage.getSheetMeta;\r\n\r\n\r\n\r\n    /*********** 远程歌单的收藏逻辑 ***********/\r\n    async starMusicSheet(musicSheet: IMusic.IMusicSheetItem) {\r\n        const store = getDefaultStore();\r\n        const starredSheets: IMusic.IMusicSheetItem[] = store.get(\r\n            starredMusicSheetsAtom,\r\n        );\r\n\r\n        const newVal = [musicSheet, ...starredSheets];\r\n\r\n        store.set(starredMusicSheetsAtom, newVal);\r\n        await storage.setStarredSheets(newVal);\r\n    }\r\n\r\n    async unstarMusicSheet(musicSheet: IMusic.IMusicSheetItemBase) {\r\n        const store = getDefaultStore();\r\n        const starredSheets: IMusic.IMusicSheetItem[] = store.get(\r\n            starredMusicSheetsAtom,\r\n        );\r\n\r\n        const newVal = starredSheets.filter(\r\n            it =>\r\n                !isSameMediaItem(\r\n                    it as ICommon.IMediaBase,\r\n                    musicSheet as ICommon.IMediaBase,\r\n                ),\r\n        );\r\n        store.set(starredMusicSheetsAtom, newVal);\r\n        await storage.setStarredSheets(newVal);\r\n    }\r\n}\r\n\r\n\r\n\r\nconst MusicSheet = new MusicSheetClazz();\r\nexport default MusicSheet;\r\n\r\n\r\nfunction useSheetsBase() {\r\n    return useAtomValue(musicSheetsBaseAtom);\r\n}\r\n\r\n// sheetId should not change\r\nfunction useSheetItem(sheetId: string) {\r\n    const sheetsBase = useAtomValue(musicSheetsBaseAtom);\r\n\r\n    const [sheetItem, setSheetItem] = useState<IMusic.IMusicSheetItem>({\r\n        ...(sheetsBase.find(it => it.id === sheetId) ||\r\n            ({} as IMusic.IMusicSheetItemBase)),\r\n        musicList: musicListMap.get(sheetId)?.musicList || [],\r\n    });\r\n\r\n    useEffect(() => {\r\n        const onUpdateMusicList = ({ sheetId: updatedSheetId }) => {\r\n            if (updatedSheetId !== sheetId) {\r\n                return;\r\n            }\r\n            setSheetItem(prev => ({\r\n                ...prev,\r\n                musicList: musicListMap.get(sheetId)?.musicList || [],\r\n            }));\r\n        };\r\n\r\n        const onUpdateSheetBasic = ({ sheetId: updatedSheetId }) => {\r\n            if (updatedSheetId !== sheetId) {\r\n                return;\r\n            }\r\n            setSheetItem(prev => ({\r\n                ...prev,\r\n                ...(getDefaultStore()\r\n                    .get(musicSheetsBaseAtom)\r\n                    .find(it => it.id === sheetId) || {}),\r\n            }));\r\n        };\r\n        ee.on(\"UpdateMusicList\", onUpdateMusicList);\r\n        ee.on(\"UpdateSheetBasic\", onUpdateSheetBasic);\r\n\r\n        return () => {\r\n            ee.off(\"UpdateMusicList\", onUpdateMusicList);\r\n            ee.off(\"UpdateSheetBasic\", onUpdateSheetBasic);\r\n        };\r\n    }, []);\r\n\r\n    return sheetItem;\r\n}\r\n\r\nfunction useFavorite(musicItem: IMusic.IMusicItem | null) {\r\n    const [fav, setFav] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const onUpdateMusicList = ({ sheetId: updatedSheetId, updateType }) => {\r\n            if (updatedSheetId !== _defaultSheet.id || updateType === \"resort\") {\r\n                return;\r\n            }\r\n            setFav(musicListMap.get(_defaultSheet.id)?.has(musicItem) || false);\r\n        };\r\n        ee.on(\"UpdateMusicList\", onUpdateMusicList);\r\n\r\n        setFav(musicListMap.get(_defaultSheet.id)?.has(musicItem) || false);\r\n        return () => {\r\n            ee.off(\"UpdateMusicList\", onUpdateMusicList);\r\n        };\r\n    }, [musicItem]);\r\n\r\n    return fav;\r\n}\r\n\r\nfunction useSheetIsStarred(\r\n    musicSheet?: IMusic.IMusicSheetItem | null,\r\n) {\r\n    // TODO: 类型有问题\r\n    const musicSheets = useAtomValue(starredMusicSheetsAtom);\r\n    return useMemo(() => {\r\n        if (!musicSheet) {\r\n            return false;\r\n        }\r\n        return (\r\n            musicSheets.findIndex(it =>\r\n                isSameMediaItem(\r\n                    it as ICommon.IMediaBase,\r\n                    musicSheet as ICommon.IMediaBase,\r\n                ),\r\n            ) !== -1\r\n        );\r\n    }, [musicSheet, musicSheets]);\r\n}\r\n\r\nfunction useStarredSheets() {\r\n    return useAtomValue(starredMusicSheetsAtom);\r\n}\r\n\r\n\r\nexport { useSheetIsStarred, useSheetsBase, useSheetItem, useStarredSheets, useFavorite };\r\n"
  },
  {
    "path": "src/core/musicSheet/migrate.ts",
    "content": "import { getStorage as oldGetStorage } from \"@/utils/storage\";\r\nimport storage from \"@/core/musicSheet/storage.ts\";\r\nimport AsyncStorage from \"@react-native-async-storage/async-storage\";\r\nimport appMeta from \"../appMeta\";\r\n\r\nexport default async function migrate() {\r\n    const dbUpdated = appMeta.musicSheetVersion > 1;\r\n    if (dbUpdated) {\r\n        return;\r\n    }\r\n    try {\r\n        // 原来的musicSheets\r\n        const musicSheets: IMusic.IMusicSheetItemBase[] = await oldGetStorage(\r\n            \"music-sheets\",\r\n        );\r\n        if (!musicSheets) {\r\n            appMeta.setMusicSheetVersion(1);\r\n            return;\r\n        }\r\n\r\n        await storage.setSheets(musicSheets);\r\n        await AsyncStorage.removeItem(\"music-sheets\");\r\n        for (let sheet of musicSheets) {\r\n            const musicList = await oldGetStorage(sheet.id);\r\n            await storage.setMusicList(sheet.id, musicList);\r\n            await AsyncStorage.removeItem(sheet.id);\r\n        }\r\n        appMeta.setMusicSheetVersion(1);\r\n    } catch (e) {\r\n        console.warn(\"升级失败\", e);\r\n    }\r\n}\r\n\r\nexport const migrateV2 = {\r\n    migrate(sheetId: string, musicItems: IMusic.IMusicItem[]) {\r\n        const dbUpdated = appMeta.musicSheetVersion === 2;\r\n        if (dbUpdated) {\r\n            return;\r\n        }\r\n        let dirty = false;\r\n        const now = Date.now();\r\n        musicItems.forEach((it, index) => {\r\n            if (!it.$timestamp || it.$sortIndex === undefined) {\r\n                it.$timestamp = now;\r\n                it.$sortIndex = index;\r\n                dirty = true;\r\n            }\r\n        });\r\n        if (dirty) {\r\n            storage.setMusicList(sheetId, musicItems);\r\n        }\r\n    },\r\n    done() {\r\n        appMeta.setMusicSheetVersion(2);\r\n    },\r\n};\r\n"
  },
  {
    "path": "src/core/musicSheet/sortedMusicList.ts",
    "content": "import { SortType } from \"@/constants/commonConst.ts\";\r\nimport { isSameMediaItem } from \"@/utils/mediaUtils\";\r\nimport { createMediaIndexMap } from \"@/utils/mediaIndexMap.ts\";\r\n\r\n// Bug: localeCompare is slow sometimes https://github.com/facebook/hermes/issues/867\r\nconst collator = new Intl.Collator(\"zh\");\r\n\r\n/// Compare Functions\r\n\r\nconst compareTitle = (a: IMusic.IMusicItem, b: IMusic.IMusicItem) =>\r\n    collator.compare(a.title, b.title);\r\nconst compareArtist = (a: IMusic.IMusicItem, b: IMusic.IMusicItem) =>\r\n    collator.compare(a.artist, b.artist);\r\nconst compareAlbum = (a: IMusic.IMusicItem, b: IMusic.IMusicItem) =>\r\n    collator.compare(a.album, b.album);\r\nconst compareTimeNewToOld = (b: IMusic.IMusicItem, a: IMusic.IMusicItem) => {\r\n    const timestamp = (a.$timestamp || 0) - (b.$timestamp || 0);\r\n    if (timestamp === 0) {\r\n        return (a.$sortIndex || 0) - (b.$sortIndex || 0);\r\n    } else {\r\n        return timestamp;\r\n    }\r\n};\r\n\r\nconst compareTimeOldToNew = (a: IMusic.IMusicItem, b: IMusic.IMusicItem) => {\r\n    const timestamp = (a.$timestamp || 0) - (b.$timestamp || 0);\r\n    if (timestamp === 0) {\r\n        return (a.$sortIndex || 0) - (b.$sortIndex || 0);\r\n    } else {\r\n        return timestamp;\r\n    }\r\n};\r\n\r\nconst compareFunctionMap = {\r\n    [SortType.Title]: compareTitle,\r\n    [SortType.Artist]: compareArtist,\r\n    [SortType.Album]: compareAlbum,\r\n    [SortType.Newest]: compareTimeNewToOld,\r\n    [SortType.Oldest]: compareTimeOldToNew,\r\n} as const;\r\n\r\nexport default class SortedMusicList {\r\n    private array: IMusic.IMusicItem[] = [];\r\n\r\n    private sortType: SortType = SortType.None;\r\n\r\n    private countMap = new Map<string, Set<string>>();\r\n\r\n    get musicList() {\r\n        return this.array;\r\n    }\r\n\r\n    get firstMusic() {\r\n        return this.array[0] || null;\r\n    }\r\n\r\n    get platforms() {\r\n        return [...this.countMap.keys()];\r\n    }\r\n\r\n    get length() {\r\n        return this.array.length;\r\n    }\r\n\r\n    constructor(\r\n        musicItems: IMusic.IMusicItem[],\r\n        sortType = SortType.None,\r\n        skipInitialSort = false,\r\n    ) {\r\n        this.array = [...musicItems];\r\n        this.addToCountMap(this.array);\r\n        this.sortType = sortType;\r\n\r\n        if (!skipInitialSort) {\r\n            this.resort();\r\n        }\r\n    }\r\n\r\n    at(index: number) {\r\n        return this.array[index] || null;\r\n    }\r\n\r\n    has(musicItem: IMusic.IMusicItem | null) {\r\n        if (!musicItem) {\r\n            return false;\r\n        }\r\n        const platform = musicItem.platform.toString();\r\n        const id = musicItem.id.toString();\r\n\r\n        return this.countMap.get(platform)?.has(id) || false;\r\n    }\r\n\r\n    // 设置排序类型\r\n    setSortType(sortType: SortType) {\r\n        if (\r\n            this.sortType === sortType &&\r\n            this.sortType !== SortType.None &&\r\n            this.sortType\r\n        ) {\r\n            return;\r\n        }\r\n        this.sortType = sortType;\r\n        this.resort();\r\n    }\r\n\r\n    manualSort(newMusicItems: IMusic.IMusicItem[]) {\r\n        this.array = newMusicItems;\r\n        this.sortType = SortType.None;\r\n    }\r\n\r\n    add(musicItems: IMusic.IMusicItem[]) {\r\n        musicItems = musicItems.filter(it => !this.has(it));\r\n        if (!musicItems.length) {\r\n            return 0;\r\n        }\r\n        this.addToCountMap(musicItems);\r\n\r\n        if (!compareFunctionMap[this.sortType]) {\r\n            this.array = musicItems.concat(this.array);\r\n            return musicItems.length;\r\n        }\r\n\r\n        // 如果歌单内歌曲比较少\r\n        if (\r\n            this.array.length + musicItems.length < 500 ||\r\n            musicItems.length / (this.array.length + 1) > 10\r\n        ) {\r\n            this.array = musicItems.concat(this.array);\r\n            this.resort();\r\n            return musicItems.length;\r\n        }\r\n        // 如果歌单内歌曲比较多\r\n        musicItems.sort(compareFunctionMap[this.sortType]);\r\n        this.array = this.mergeArray(musicItems, this.array, this.sortType);\r\n        return musicItems.length;\r\n    }\r\n\r\n    remove(musicItems: IMusic.IMusicItem[]) {\r\n        const indexMap = createMediaIndexMap(musicItems);\r\n\r\n        this.array = this.array.filter(it => !indexMap.has(it));\r\n        this.removeFromCountMap(musicItems);\r\n    }\r\n\r\n    removeByIndex(indices: number[]) {\r\n        const indicesSet = new Set(indices);\r\n        const removedItems: IMusic.IMusicItem[] = [];\r\n\r\n        this.array = this.array.filter((it, index) => {\r\n            if (indicesSet.has(index)) {\r\n                removedItems.push(it);\r\n                return false;\r\n            }\r\n            return true;\r\n        });\r\n\r\n        this.removeFromCountMap(removedItems);\r\n    }\r\n\r\n    clearAll() {\r\n        this.array = [];\r\n    }\r\n\r\n    private addToCountMap(musicItems: IMusic.IMusicItem[]) {\r\n        for (let musicItem of musicItems) {\r\n            const platform = musicItem.platform.toString();\r\n            const id = musicItem.id.toString();\r\n\r\n            if (this.countMap.has(platform)) {\r\n                this.countMap.get(platform)!.add(id);\r\n            } else {\r\n                this.countMap.set(platform, new Set([id]));\r\n            }\r\n        }\r\n    }\r\n\r\n    private removeFromCountMap(musicItems: IMusic.IMusicItem[]) {\r\n        for (let musicItem of musicItems) {\r\n            const platform = musicItem.platform.toString();\r\n            const id = musicItem.id.toString();\r\n\r\n            if (this.countMap.has(platform)) {\r\n                const set = this.countMap.get(platform)!;\r\n                set.delete(id);\r\n                if (set.size === 0) {\r\n                    this.countMap.delete(platform);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    /**\r\n     * 合并两个有序列表\r\n     * @param musicList1\r\n     * @param musicList2\r\n     * @param sortType\r\n     * @private\r\n     */\r\n    private mergeArray(\r\n        musicList1: IMusic.IMusicItem[],\r\n        musicList2: IMusic.IMusicItem[],\r\n        sortType: SortType,\r\n    ) {\r\n        // 无序\r\n        const compareFn = compareFunctionMap[sortType];\r\n\r\n        if (!compareFn) {\r\n            return musicList1.concat(musicList2);\r\n        }\r\n\r\n        let [p1, p2] = [0, 0];\r\n        let resultArray: IMusic.IMusicItem[] = [];\r\n        let peek1: IMusic.IMusicItem, peek2: IMusic.IMusicItem;\r\n        while (p1 < musicList1.length && p2 < musicList2.length) {\r\n            peek1 = musicList1[p1];\r\n            peek2 = musicList2[p2];\r\n\r\n            if (compareFn(peek1, peek2) < 0) {\r\n                resultArray.push(peek1);\r\n                ++p1;\r\n            } else {\r\n                resultArray.push(peek2);\r\n                ++p2;\r\n            }\r\n        }\r\n\r\n        if (p1 < musicList1.length) {\r\n            return resultArray.concat(musicList1.slice(p1));\r\n        }\r\n        if (p2 < musicList2.length) {\r\n            return resultArray.concat(musicList2.slice(p2));\r\n        }\r\n\r\n        return resultArray;\r\n    }\r\n\r\n    /**\r\n     * 寻找musicItem\r\n     * @param musicItem\r\n     * @private\r\n     */\r\n    public findIndex(musicItem: IMusic.IMusicItem) {\r\n        if (!compareFunctionMap[this.sortType]) {\r\n            return this.array.find(it => isSameMediaItem(it, musicItem));\r\n        }\r\n        let [left, right] = [0, this.array.length];\r\n        let mid: number;\r\n\r\n        while (left < right) {\r\n            mid = Math.floor((left + right) / 2);\r\n            let compareResult = compareFunctionMap[this.sortType](\r\n                this.array[mid],\r\n                musicItem,\r\n            );\r\n\r\n            if (compareResult < 0) {\r\n                left = mid + 1;\r\n            } else if (compareResult === 0) {\r\n                left = mid;\r\n                break;\r\n            } else {\r\n                right = mid;\r\n            }\r\n        }\r\n\r\n        return left === right ? -1 : left;\r\n    }\r\n\r\n    // 重新排序\r\n    private resort() {\r\n        const compareFn = compareFunctionMap[this.sortType];\r\n\r\n        if (!compareFn) {\r\n            return;\r\n        }\r\n        this.array.sort(compareFn);\r\n        this.array = [...this.array];\r\n        return;\r\n    }\r\n}\r\n"
  },
  {
    "path": "src/core/musicSheet/storage.ts",
    "content": "import getOrCreateMMKV from \"@/utils/getOrCreateMMKV.ts\";\r\nimport { InteractionManager } from \"react-native\";\r\nimport { SortType } from \"@/constants/commonConst.ts\";\r\nimport { safeParse, safeStringify } from \"@/utils/jsonUtil\";\r\n\r\nfunction getStorageData(key: string) {\r\n    const mmkv = getOrCreateMMKV(`LocalSheet.${key}`);\r\n\r\n    return safeParse(mmkv.getString(\"data\"));\r\n}\r\n\r\nasync function setStorageData(key: string, value: any) {\r\n    return InteractionManager.runAfterInteractions(() => {\r\n        const mmkv = getOrCreateMMKV(`LocalSheet.${key}`);\r\n        mmkv.set(\"data\", safeStringify(value));\r\n    });\r\n}\r\n\r\nfunction removeStorageData(key: string) {\r\n    const mmkv = getOrCreateMMKV(`LocalSheet.${key}`);\r\n    mmkv.clearAll();\r\n}\r\n\r\n/**\r\n * 存储歌单的基本信息\r\n * @param sheets 歌单数据\r\n */\r\nasync function setSheets(sheets: IMusic.IMusicSheetItemBase[]) {\r\n    return await setStorageData(\"music-sheets\", sheets);\r\n}\r\n\r\n/**\r\n * 获取歌单的基本信息\r\n */\r\nfunction getSheets(): IMusic.IMusicSheetItemBase[] {\r\n    return getStorageData(\"music-sheets\");\r\n}\r\n\r\n/**\r\n * 存储歌单的基本信息\r\n * @param sheets 歌单数据\r\n */\r\nasync function setStarredSheets(sheets: IMusic.IMusicSheetItemBase[]) {\r\n    return await setStorageData(\"starred-sheets\", sheets);\r\n}\r\n\r\n/**\r\n * 获取歌单的基本信息\r\n */\r\nfunction getStarredSheets(): IMusic.IMusicSheetItem[] {\r\n    return getStorageData(\"starred-sheets\");\r\n}\r\n\r\n/**\r\n * 存储歌单内的歌曲\r\n * @param sheetId 歌单id\r\n * @param musicList 歌曲列表\r\n */\r\nasync function setMusicList(sheetId: string, musicList: IMusic.IMusicItem[]) {\r\n    return await setStorageData(sheetId, musicList);\r\n}\r\n\r\n/**\r\n * 获取歌单内的歌曲\r\n * @param sheetId 歌单id\r\n * @returns 歌曲列表\r\n */\r\nfunction getMusicList(sheetId: string): IMusic.IMusicItem[] {\r\n    return getStorageData(sheetId);\r\n}\r\n\r\n/**\r\n * 清空歌单内的歌曲/其他信息\r\n * @param sheetId\r\n */\r\nfunction removeMusicList(sheetId: string) {\r\n    return removeStorageData(sheetId);\r\n}\r\n\r\ninterface IMusicSheetMeta extends Record<string, string> {\r\n    sort: SortType;\r\n}\r\n\r\nfunction setSheetMeta<K extends keyof IMusicSheetMeta>(\r\n    sheetId: string,\r\n    key: K,\r\n    value: IMusicSheetMeta[K],\r\n) {\r\n    const mmkv = getOrCreateMMKV(`LocalSheet.${sheetId}`);\r\n    mmkv.set(\"meta.\" + key, value);\r\n}\r\n\r\nfunction getSheetMeta<K extends keyof IMusicSheetMeta>(\r\n    sheetId: string,\r\n    key: K,\r\n): IMusicSheetMeta[K] | null {\r\n    const mmkv = getOrCreateMMKV(`LocalSheet.${sheetId}`);\r\n    return mmkv.getString(\"meta.\" + key) || null;\r\n}\r\n\r\nconst storage = {\r\n    setSheets,\r\n    getSheets,\r\n    setMusicList,\r\n    getMusicList,\r\n    removeMusicList,\r\n    setSheetMeta,\r\n    getSheetMeta,\r\n    setStarredSheets,\r\n    getStarredSheets,\r\n};\r\n\r\nexport default storage;\r\n"
  },
  {
    "path": "src/core/pluginManager/index.ts",
    "content": "import {\n    emptyFunction,\n    localPluginHash,\n    localPluginPlatform,\n} from \"@/constants/commonConst\";\nimport pathConst from \"@/constants/pathConst\";\nimport {\n    IInstallPluginConfig,\n    IInstallPluginResult,\n    IPluginManager,\n} from \"@/types/core/pluginManager\";\nimport { removeAllMediaExtra } from \"@/utils/mediaExtra\";\nimport axios from \"axios\";\nimport { compare } from \"compare-versions\";\nimport EventEmitter from \"eventemitter3\";\nimport { readAsStringAsync } from \"expo-file-system\";\nimport { atom, getDefaultStore, useAtomValue } from \"jotai\";\nimport { nanoid } from \"nanoid\";\nimport { useEffect, useState } from \"react\";\nimport { ToastAndroid } from \"react-native\";\nimport { copyFile, readDir, readFile, unlink, writeFile } from \"react-native-fs\";\nimport { devLog, errorLog, trace } from \"../../utils/log\";\nimport pluginMeta from \"./meta\";\nimport { localFilePlugin, Plugin, PluginState } from \"./plugin\";\nimport i18n from \"../i18n\";\nimport getOrCreateMMKV from \"@/utils/getOrCreateMMKV\";\nimport { safeParse } from \"@/utils/jsonUtil\";\nimport { IInjectable } from \"@/types/infra\";\nimport { IAppConfig } from \"@/types/core/config\";\nimport delay from \"@/utils/delay\";\n\nconst pluginsAtom = atom<Plugin[]>([]);\nconst pluginCacheStore = getOrCreateMMKV(\"plugin.cache\");\n\nconst ee = new EventEmitter<{\n    \"order-updated\": () => void;\n    \"enabled-updated\": (pluginName: string, enabled: boolean) => void;\n}>();\n\nclass PluginManager implements IPluginManager, IInjectable {\n    private appConfigService!: IAppConfig;\n\n    injectDependencies(config: IAppConfig): void {\n        this.appConfigService = config;\n    }\n\n    /**\n     * 获取当前存储的插件列表\n     * @returns 插件实例数组\n     */\n    private getPlugins() {\n        return getDefaultStore().get(pluginsAtom);\n    }\n\n    /**\n     * 更新存储中的插件列表\n     * @param plugins - 要设置的插件实例数组\n     */\n    private setPlugins(plugins: Plugin[]) {\n        getDefaultStore().set(pluginsAtom, plugins);\n\n        // 清理缓存中已卸载的插件\n        const cachedKeys = pluginCacheStore.getAllKeys();\n        cachedKeys.forEach(key => {\n            if (!plugins.find(it => it.path === key)) {\n                pluginCacheStore.delete(key);\n            }\n        });\n\n        plugins.forEach(it => {\n            this.updatePluginCache(it);\n        });\n    }\n\n    private updatePluginCache(plugin: Plugin) {\n        if (plugin.path && plugin.state === PluginState.Mounted) {\n            pluginCacheStore.set(\n                plugin.path,\n                JSON.stringify({\n                    name: plugin.name,\n                    hash: plugin.hash,\n                    path: plugin.path,\n                    instance: plugin.instance,\n                    supportedMethods: [...plugin.supportedMethods],\n                }),\n            );\n        }\n    }\n\n    /**\n     * 初始化插件管理器，从文件系统加载所有插件\n     * 读取插件目录中的所有.js文件并创建插件实例\n     * @throws 如果插件初始化失败则抛出异常\n     */\n    async setup() {\n        try {\n            await pluginMeta.migratePluginMeta();\n            // 加载插件\n            const pluginsFileItems = await readDir(pathConst.pluginPath);\n            const allPlugins: Array<Plugin> = [];\n\n\n            for (let i = 0; i < pluginsFileItems.length; ++i) {\n                const pluginFileItem = pluginsFileItems[i];\n                trace(\"初始化插件\", pluginFileItem);\n                if (\n                    pluginFileItem.isFile() &&\n                    (pluginFileItem.name?.endsWith?.(\".js\") ||\n                        pluginFileItem.path?.endsWith?.(\".js\"))\n                ) {\n                    // 如果存在缓存信息\n                    let plugin: Plugin;\n                    let isLazyLoad = false;\n                    if (\n                        this.appConfigService.getConfig(\n                            \"basic.lazyLoadPlugin\",\n                        ) &&\n                        pluginCacheStore.contains(pluginFileItem.path)\n                    ) {\n                        isLazyLoad = true;\n                        const lazyProps = safeParse(pluginCacheStore.getString(pluginFileItem.path));\n                        lazyProps.loadFuncCode = async () =>\n                            await readFile(pluginFileItem.path, \"utf8\");\n                        plugin = new Plugin(\n                            null,\n                            pluginFileItem.path,\n                            lazyProps,\n                        );\n                    } else {\n                        const funcCode = await readFile(\n                            pluginFileItem.path,\n                            \"utf8\",\n                        );\n                        plugin = new Plugin(funcCode, pluginFileItem.path);\n                    }\n\n                    const _pluginIndex = allPlugins.findIndex(\n                        p => p.hash === plugin.hash,\n                    );\n                    if (_pluginIndex !== -1) {\n                        // 重复插件，直接忽略\n                        continue;\n                    }\n                    if (plugin.state === PluginState.Mounted || isLazyLoad) {\n                        allPlugins.push(plugin);\n                    }\n                }\n            }\n\n            this.setPlugins(allPlugins);\n            // 异步初始化插件\n\n            delay(10_000, true).then(async () => {\n                for (let i = 0; i < allPlugins.length; ++i) {\n                    const plugin = allPlugins[i];\n\n                    if (plugin.state === PluginState.Initializing) {\n                        await plugin.ensureMounted();\n                        this.updatePluginCache(plugin);\n                    }\n                }\n            });\n        } catch (e: any) {\n            ToastAndroid.show(\n                `插件初始化失败:${e?.message ?? e}`,\n                ToastAndroid.LONG,\n            );\n            errorLog(\"插件初始化失败\", e?.message);\n            throw e;\n        }\n\n        Plugin.injectDependencies(this);\n    }\n\n    /**\n     * 从本地文件安装插件\n     * @param pluginPath - 插件文件路径\n     * @param config - 安装配置选项\n     * @param config.notCheckVersion - 为true时跳过版本检查\n     * @param config.useExpoFs - 为true时使用Expo文件系统代替React Native的文件系统\n     * @returns 安装结果，包含成功状态和相关信息\n     */\n    async installPluginFromLocalFile(\n        pluginPath: string,\n        config?: IInstallPluginConfig & {\n            useExpoFs?: boolean;\n        },\n    ): Promise<IInstallPluginResult> {\n        let funcCode: string;\n        if (config?.useExpoFs) {\n            funcCode = await readAsStringAsync(pluginPath);\n        } else {\n            funcCode = await readFile(pluginPath, \"utf8\");\n        }\n\n        if (funcCode) {\n            const plugin = new Plugin(funcCode, pluginPath);\n            let allPlugins = [...this.getPlugins()];\n\n            const _pluginIndex = allPlugins.findIndex(\n                p => p.hash === plugin.hash,\n            );\n            if (_pluginIndex !== -1) {\n                // 静默忽略\n                return {\n                    success: true,\n                    message: \"插件已安装\",\n                    pluginName: plugin.name,\n                    pluginHash: plugin.hash,\n                };\n            }\n            const oldVersionPlugin = allPlugins.find(\n                p => p.name === plugin.name,\n            );\n            if (oldVersionPlugin && !config?.notCheckVersion) {\n                if (\n                    compare(\n                        oldVersionPlugin.instance.version ?? \"\",\n                        plugin.instance.version ?? \"\",\n                        \">\",\n                    )\n                ) {\n                    return {\n                        success: false,\n                        message: \"已安装更新版本的插件\",\n                        pluginName: plugin.name,\n                        pluginHash: plugin.hash,\n                    };\n                }\n            }\n\n            if (plugin.state === PluginState.Mounted) {\n                const fn = nanoid();\n                if (oldVersionPlugin) {\n                    allPlugins = allPlugins.filter(\n                        _ => _.hash !== oldVersionPlugin.hash,\n                    );\n                    try {\n                        await unlink(oldVersionPlugin.path);\n                    } catch {}\n                }\n                const _pluginPath = `${pathConst.pluginPath}${fn}.js`;\n                await copyFile(pluginPath, _pluginPath);\n                plugin.path = _pluginPath;\n                allPlugins = allPlugins.concat(plugin);\n                this.setPlugins(allPlugins);\n\n                return {\n                    success: true,\n                    pluginName: plugin.name,\n                    pluginHash: plugin.hash,\n                };\n            }\n            return {\n                success: false,\n                message: \"插件无法解析\",\n            };\n        }\n        return {\n            success: false,\n            message: \"插件无法识别\",\n        };\n    }\n\n    /**\n     * 从URL安装插件\n     * @param url - 下载插件的URL\n     * @param config - 安装配置选项\n     * @param config.notCheckVersion - 为true时跳过版本检查\n     * @returns 安装结果，包含成功状态和相关信息\n     */\n    async installPluginFromUrl(\n        url: string,\n        config?: IInstallPluginConfig,\n    ): Promise<IInstallPluginResult> {\n        try {\n            const funcCode = (\n                await axios.get(url, {\n                    headers: {\n                        \"Cache-Control\": \"no-cache\",\n                        Pragma: \"no-cache\",\n                        Expires: \"0\",\n                    },\n                })\n            ).data;\n            if (funcCode) {\n                const plugin = new Plugin(funcCode, \"\");\n                let allPlugins = [...this.getPlugins()];\n                const pluginIndex = allPlugins.findIndex(\n                    p => p.hash === plugin.hash,\n                );\n                if (pluginIndex !== -1) {\n                    // 静默忽略\n                    return {\n                        success: true,\n                        message: \"插件已安装\",\n                        pluginName: plugin.name,\n                        pluginHash: plugin.hash,\n                        pluginUrl: url,\n                    };\n                }\n                const oldVersionPlugin = allPlugins.find(\n                    p => p.name === plugin.name,\n                );\n                if (oldVersionPlugin && !config?.notCheckVersion) {\n                    if (\n                        compare(\n                            oldVersionPlugin.instance.version ?? \"\",\n                            plugin.instance.version ?? \"\",\n                            \">\",\n                        )\n                    ) {\n                        return {\n                            success: false,\n                            message: \"已安装更新版本的插件\",\n                            pluginName: plugin.name,\n                            pluginHash: plugin.hash,\n                            pluginUrl: url,\n                        };\n                    }\n                }\n\n                if (plugin.hash !== \"\") {\n                    const fn = nanoid();\n                    const _pluginPath = `${pathConst.pluginPath}${fn}.js`;\n                    await writeFile(_pluginPath, funcCode, \"utf8\");\n                    plugin.path = _pluginPath;\n                    allPlugins = allPlugins.concat(plugin);\n                    if (oldVersionPlugin) {\n                        allPlugins = allPlugins.filter(\n                            _ => _.hash !== oldVersionPlugin.hash,\n                        );\n                        try {\n                            await unlink(oldVersionPlugin.path);\n                        } catch {}\n                    }\n                    this.setPlugins(allPlugins);\n                    return {\n                        success: true,\n                        pluginName: plugin.name,\n                        pluginHash: plugin.hash,\n                        pluginUrl: url,\n                    };\n                }\n                return {\n                    success: false,\n                    message: \"插件无法解析\",\n                    pluginUrl: url,\n                };\n            } else {\n                return {\n                    success: false,\n                    message: \"插件无法识别\",\n                    pluginUrl: url,\n                };\n            }\n        } catch (e: any) {\n            devLog(\"error\", \"URL安装插件失败\", e, e?.message);\n            errorLog(\"URL安装插件失败\", e);\n\n            if (e?.response?.statusCode === 404) {\n                return {\n                    success: false,\n                    message: \"插件不存在，请联系插件作者\",\n                    pluginUrl: url,\n                };\n            } else {\n                return {\n                    success: false,\n                    message: e?.message ?? \"\",\n                    pluginUrl: url,\n                };\n            }\n        }\n    }\n\n    /**\n     * 通过哈希值卸载插件\n     * @param hash - 要卸载的插件哈希值\n     */\n    async uninstallPlugin(hash: string) {\n        let plugins = [...this.getPlugins()];\n        const targetIndex = plugins.findIndex(_ => _.hash === hash);\n        if (targetIndex !== -1) {\n            try {\n                const pluginName = plugins[targetIndex].name;\n                await unlink(plugins[targetIndex].path);\n                plugins = plugins.filter(_ => _.hash !== hash);\n                this.setPlugins(plugins);\n                // 防止其他重名\n                if (plugins.every(_ => _.name !== pluginName)) {\n                    removeAllMediaExtra(pluginName);\n                }\n            } catch {}\n        }\n    }\n\n    /**\n     * 卸载系统中的所有插件\n     * 同时清理媒体额外数据并删除插件文件\n     */\n    async uninstallAllPlugins() {\n        await Promise.all(\n            this.getPlugins().map(async plugin => {\n                try {\n                    const pluginName = plugin.name;\n                    await unlink(plugin.path);\n                    removeAllMediaExtra(pluginName);\n                } catch (e) {}\n            }),\n        );\n        this.setPlugins([]);\n\n        /** 清除空余文件，异步做就可以了 */\n        readDir(pathConst.pluginPath)\n            .then(fns => {\n                fns.forEach(fn => {\n                    unlink(fn.path).catch(emptyFunction);\n                });\n            })\n            .catch(emptyFunction);\n    }\n\n    /**\n     * 使用插件的源URL更新插件\n     * @param plugin - 要更新的插件实例\n     * @throws 如果插件没有源URL或更新失败时抛出错误\n     */\n    async updatePlugin(plugin: Plugin) {\n        const updateUrl = plugin.instance.srcUrl;\n        if (!updateUrl) {\n            throw new Error(\"没有更新源\");\n        }\n        try {\n            await this.installPluginFromUrl(updateUrl);\n        } catch (e: any) {\n            if (e.message === \"插件已安装\") {\n                throw new Error(i18n.t(\"checkUpdate.error.latestVersion\"));\n            } else {\n                throw e;\n            }\n        }\n    }\n\n    /**\n     * 通过媒体项的平台信息获取对应的插件\n     * @param mediaItem - 包含平台信息的媒体项\n     * @returns 与媒体平台匹配的插件实例或undefined\n     */\n    getByMedia(mediaItem: ICommon.IMediaBase) {\n        return this.getByName(mediaItem?.platform);\n    }\n\n    /**\n     * 通过名称获取插件\n     * @param name - 要查找的插件名称\n     * @returns 匹配名称的插件实例或本地文件插件\n     */\n    getByName(name: string) {\n        return name === localPluginPlatform\n            ? localFilePlugin\n            : this.getPlugins().find(_ => _.name === name);\n    }\n\n    /**\n     * 通过哈希值获取插件\n     * @param hash - 要查找的插件哈希值\n     * @returns 匹配哈希的插件实例或本地文件插件\n     */\n    getByHash(hash: string) {\n        return hash === localPluginHash\n            ? localFilePlugin\n            : this.getPlugins().find(_ => _.hash === hash);\n    }\n\n    /**\n     * 获取所有已启用的插件\n     * @returns 已启用的插件实例数组\n     */\n    getEnabledPlugins() {\n        return this.getPlugins().filter(it =>\n            pluginMeta.isPluginEnabled(it.name),\n        );\n    }\n\n    /**\n     * 获取按顺序排序的所有插件\n     * @returns 按定义顺序排序的插件实例数组\n     */\n    getSortedPlugins() {\n        const order = pluginMeta.getPluginOrder();\n        return [...this.getPlugins()].sort((a, b) =>\n            (order[a.name] ?? Infinity) - (order[b.name] ?? Infinity) < 0\n                ? -1\n                : 1,\n        );\n    }\n\n    /**\n     * 获取所有支持搜索功能的已启用插件\n     * @param supportedSearchType - 可选的搜索媒体类型过滤器\n     * @returns 可搜索的插件实例数组\n     */\n    getSearchablePlugins(supportedSearchType?: ICommon.SupportMediaType) {\n        return this.getPlugins().filter(\n            it =>\n                pluginMeta.isPluginEnabled(it.name) &&\n                it.supportedMethods.has(\"search\") &&\n                (supportedSearchType && it.instance.supportedSearchType\n                    ? it.instance.supportedSearchType.includes(\n                        supportedSearchType,\n                    )\n                    : true),\n        );\n    }\n\n    /**\n     * 获取所有支持搜索功能的已启用插件，并按顺序排序\n     * @param supportedSearchType - 可选的搜索媒体类型过滤器\n     * @returns 按顺序排序的可搜索插件实例数组\n     */\n    getSortedSearchablePlugins(supportedSearchType?: ICommon.SupportMediaType) {\n        const order = pluginMeta.getPluginOrder();\n        return [...this.getSearchablePlugins(supportedSearchType)].sort(\n            (a, b) =>\n                (order[a.name] ?? Infinity) - (order[b.name] ?? Infinity) < 0\n                    ? -1\n                    : 1,\n        );\n    }\n\n    /**\n     * 获取所有实现特定功能的已启用插件\n     * @param ability - 要检查的方法/功能名称\n     * @returns 具有指定功能的插件实例数组\n     */\n    getPluginsWithAbility(ability: keyof IPlugin.IPluginInstanceMethods) {\n        return this.getPlugins().filter(\n            it =>\n                pluginMeta.isPluginEnabled(it.name) &&\n                it.supportedMethods.has(ability),\n        );\n    }\n\n    /**\n     * 获取所有实现特定功能的已启用插件，并按顺序排序\n     * @param ability - 要检查的方法/功能名称\n     * @returns 按顺序排序的具有指定功能的插件实例数组\n     */\n    getSortedPluginsWithAbility(ability: keyof IPlugin.IPluginInstanceMethods) {\n        const order = pluginMeta.getPluginOrder();\n        return [...this.getPluginsWithAbility(ability)].sort((a, b) =>\n            (order[a.name] ?? Infinity) - (order[b.name] ?? Infinity) < 0\n                ? -1\n                : 1,\n        );\n    }\n\n    /**\n     * 设置插件的启用状态并发送事件通知\n     * @param plugin - 要修改的插件实例\n     * @param enabled - 是否启用插件\n     */\n    setPluginEnabled(plugin: Plugin, enabled: boolean) {\n        ee.emit(\"enabled-updated\", plugin.name, enabled);\n        pluginMeta.setPluginEnabled(plugin.name, enabled);\n    }\n\n    /**\n     * 检查插件是否已启用\n     * @param plugin - 要检查的插件实例\n     * @returns 表示插件是否启用的布尔值\n     */\n    isPluginEnabled(plugin: Plugin) {\n        return pluginMeta.isPluginEnabled(plugin.name);\n    }\n\n    /**\n     * 设置插件的排序顺序并发送顺序更新事件\n     * @param sortedPlugins - 按期望顺序排列的插件实例数组\n     */\n    setPluginOrder(sortedPlugins: Plugin[]) {\n        const orderMap: Record<string, number> = {};\n        sortedPlugins.forEach((plugin, index) => {\n            orderMap[plugin.name] = index;\n        });\n        pluginMeta.setPluginOrder(orderMap);\n        ee.emit(\"order-updated\");\n    }\n\n    setUserVariables(plugin: Plugin, userVariables: Record<string, string>) {\n        pluginMeta.setUserVariables(plugin.name, userVariables);\n    }\n\n    getUserVariables(plugin: Plugin) {\n        return pluginMeta.getUserVariables(plugin.name);\n    }\n\n    setAlternativePluginName(plugin: Plugin, alternativePluginName: string) {\n        pluginMeta.setAlternativePlugin(plugin.name, alternativePluginName);\n    }\n\n    getAlternativePluginName(plugin: Plugin) {\n        return pluginMeta.getAlternativePlugin(plugin.name);\n    }\n\n    getAlternativePlugin(plugin: Plugin) {\n        const alternativePluginName = this.getAlternativePluginName(plugin);\n        if (alternativePluginName) {\n            return this.getByName(alternativePluginName);\n        }\n        return null;\n    }\n}\n\nconst pluginManager = new PluginManager();\n\nexport const usePlugins = () => useAtomValue(pluginsAtom);\n\nexport function useSortedPlugins() {\n    const plugins = useAtomValue(pluginsAtom);\n    const [sortedPlugins, setSortedPlugins] = useState<Plugin[]>(\n        pluginManager.getSortedPlugins(),\n    );\n\n    useEffect(() => {\n        const callback = () => {\n            const order = pluginMeta.getPluginOrder();\n            setSortedPlugins(\n                [...plugins].sort((a, b) =>\n                    (order[a.name] ?? Infinity) - (order[b.name] ?? Infinity) <\n                    0\n                        ? -1\n                        : 1,\n                ),\n            );\n        };\n\n        ee.on(\"order-updated\", callback);\n        callback();\n        return () => {\n            ee.off(\"order-updated\", callback);\n        };\n    }, [plugins]);\n\n    return sortedPlugins;\n}\n\nexport function usePluginEnabled(plugin: Plugin) {\n    const [enabled, setEnabled] = useState(\n        pluginManager.isPluginEnabled(plugin),\n    );\n\n    useEffect(() => {\n        const callback = (pluginName: string, _enabled: boolean) => {\n            if (pluginName === plugin?.name) {\n                setEnabled(_enabled);\n            }\n        };\n\n        ee.on(\"enabled-updated\", callback);\n        return () => {\n            ee.off(\"enabled-updated\", callback);\n        };\n    }, [plugin]);\n\n    return enabled;\n}\n\nexport default pluginManager;\nexport { Plugin };\n"
  },
  {
    "path": "src/core/pluginManager/meta.ts",
    "content": "import getOrCreateMMKV from \"@/utils/getOrCreateMMKV\";\nimport { safeParse, safeStringify } from \"@/utils/jsonUtil\";\nimport { errorLog } from \"@/utils/log\";\nimport { getStorage, removeStorage } from \"@/utils/storage\";\n\ntype IPluginPlatform = string;\n\ninterface IPluginMetaStorage {\n    $version: number;\n    order: Record<IPluginPlatform, number>;\n    disabledPlugins: Array<IPluginPlatform>;\n    [key: `${IPluginPlatform}.alternativePlugin`]: IPluginPlatform | null;\n    [key: `${IPluginPlatform}.userVariables`]: Record<string, string>;\n\n}\n\n\nconst storage = getOrCreateMMKV(\"plugin-meta\");\n\nclass PluginMeta {\n    private cachedDisabledPlugins: Set<IPluginPlatform> | null = null;\n\n    private getMetaStorage<K extends keyof IPluginMetaStorage>(key: K): IPluginMetaStorage[K] | null {\n        return safeParse(storage.getString(key));\n    }\n\n    private setMetaStorage<K extends keyof IPluginMetaStorage>(key: K, value: IPluginMetaStorage[K]) {\n        const storageValue = safeStringify(value);\n        storage.set(key, storageValue);\n    }\n\n    async migratePluginMeta() {\n        const metaVersion = storage.getNumber(\"$version\") ?? -1;\n        if (metaVersion < 0) {\n            // 从async storage迁移到mmkv\n\n            try {\n                const rawMeta = await getStorage(\"plugin-meta\");\n                const order: Record<IPluginPlatform, number> = {};\n                const disabledPlugins = new Set<IPluginPlatform>();\n\n                if (rawMeta !== null) {\n                    for (let platformName in rawMeta) {\n                        const metaVal = rawMeta[platformName];\n                        if (!metaVal) {\n                            continue;\n                        }\n                        if (metaVal?.order !== undefined && metaVal.order !== null) {\n                            order[platformName] = metaVal.order;\n                        }\n                        if (metaVal?.enabled !== undefined && metaVal.enabled === false) {\n                            disabledPlugins.add(platformName);\n                        }\n                        if (metaVal?.userVariables !== undefined && metaVal.userVariables !== null) {\n                            storage.set(platformName + \".userVariables\", safeStringify(metaVal.userVariables));\n                        }\n                    }\n                }\n                // 将 order 和 disabledPlugins 存储到 mmkv\n                storage.set(\"order\", safeStringify(order));\n                storage.set(\"disabledPlugins\", safeStringify(Array.from(disabledPlugins)));\n\n                // 移除\n                await removeStorage(\"plugin-meta\");\n            } catch (e) {\n                errorLog(\"迁移 plugin meta 失败\", e);\n            }\n\n\n            storage.set(\"$version\", 1);\n        }\n    }\n\n    getPluginOrder() {\n        return this.getMetaStorage(\"order\") ?? {};\n    }\n\n    setPluginOrder(orderMap: Record<IPluginPlatform, number>) {\n        this.setMetaStorage(\"order\", orderMap);\n    }\n\n\n    public get disabledPlugins() {\n        if (this.cachedDisabledPlugins) {\n            return this.cachedDisabledPlugins;\n        }\n        const disabledPlugins = this.getMetaStorage(\"disabledPlugins\") ?? [];\n        this.cachedDisabledPlugins = new Set(disabledPlugins);\n        return this.cachedDisabledPlugins;\n    }\n\n    isPluginEnabled(pluginPlatform: IPluginPlatform) {\n        const disabledPluginsSet = this.disabledPlugins;\n        return !disabledPluginsSet.has(pluginPlatform);\n    }\n\n\n    setPluginEnabled(pluginPlatform: IPluginPlatform, enabled: boolean) {\n        const disabledPluginsSet = this.disabledPlugins;\n\n        if (enabled) {\n            disabledPluginsSet.delete(pluginPlatform);\n        } else {\n            disabledPluginsSet.add(pluginPlatform);\n        }\n        this.setMetaStorage(\"disabledPlugins\", Array.from(disabledPluginsSet));\n        this.cachedDisabledPlugins = disabledPluginsSet;\n    }\n\n    getUserVariables(pluginPlatform: IPluginPlatform) {\n        const userVariables = this.getMetaStorage(`${pluginPlatform}.userVariables`) ?? {};\n        return userVariables;\n    }\n\n    setUserVariables(pluginPlatform: IPluginPlatform, userVariables: Record<string, string>) {\n        this.setMetaStorage(`${pluginPlatform}.userVariables`, userVariables);\n    }\n\n    setAlternativePlugin(pluginPlatform: IPluginPlatform, alternativePluginPlatform: IPluginPlatform) {\n        this.setMetaStorage(`${pluginPlatform}.alternativePlugin`, alternativePluginPlatform);\n    }\n\n    getAlternativePlugin(pluginPlatform: IPluginPlatform): IPluginPlatform | null {\n        const alternativePlugin = this.getMetaStorage(`${pluginPlatform}.alternativePlugin`);\n        if (alternativePlugin) {\n            return alternativePlugin;\n        }\n        return null;\n    }\n}\n\n\nconst _internalPluginMeta = new PluginMeta();\n \nexport default _internalPluginMeta;"
  },
  {
    "path": "src/core/pluginManager/plugin.ts",
    "content": "import {\n    CacheControl,\n    internalSerializeKey,\n    localPluginPlatform,\n} from \"@/constants/commonConst\";\nimport pathConst from \"@/constants/pathConst\";\nimport Mp3Util from \"@/native/mp3Util\";\nimport Base64 from \"@/utils/base64\";\nimport delay from \"@/utils/delay\";\nimport { addFileScheme, getFileName } from \"@/utils/fileUtils\";\nimport { getMediaExtraProperty, patchMediaExtra } from \"@/utils/mediaExtra\";\nimport { getLocalPath, isSameMediaItem, resetMediaItem } from \"@/utils/mediaUtils\";\nimport notImplementedFunction from \"@/utils/notImplementedFunction.ts\";\nimport axios from \"axios\";\nimport bigInt from \"big-integer\";\nimport * as cheerio from \"cheerio\";\nimport { satisfies } from \"compare-versions\";\nimport CryptoJs from \"crypto-js\";\nimport dayjs from \"dayjs\";\nimport he from \"he\";\nimport { produce } from \"immer\";\nimport { nanoid } from \"nanoid\";\nimport objectPath from \"object-path\";\nimport qs from \"qs\";\nimport { default as DeviceInfo, default as deviceInfoModule } from \"react-native-device-info\";\nimport RNFS, { exists, readFile, stat, writeFile } from \"react-native-fs\";\nimport { URL } from \"react-native-url-polyfill\";\nimport * as webdav from \"webdav\";\nimport { devLog, errorLog, trace } from \"../../utils/log\";\nimport Network from \"../../utils/network\";\nimport MediaCache from \"../mediaCache\";\nimport _internalPluginMeta from \"./meta\";\nimport { IPluginManager } from \"@/types/core/pluginManager\";\n\n\naxios.defaults.timeout = 2000;\naxios.interceptors.response.use((response) => {\n    // 统一setcookie格式，nodejs环境是数组，移动端环境都放在第一个元素\n    const setCookie = response.headers[\"set-cookie\"];\n    if(setCookie && setCookie.length === 1) {\n        const splitedCookie = setCookie[0].split(\",\");\n        response.headers[\"set-cookie\"] = splitedCookie;\n        response.headers[\"x-set-cookie\"] = setCookie;\n    }\n\n    return response;\n});\n\nconst sha256 = CryptoJs.SHA256;\n\nconst deprecatedCookieManager = {\n    get: notImplementedFunction,\n    set: notImplementedFunction,\n    flush: notImplementedFunction,\n};\n\nconst packages: Record<string, any> = {\n    cheerio,\n    \"crypto-js\": CryptoJs,\n    axios,\n    dayjs,\n    \"big-integer\": bigInt,\n    qs,\n    he,\n    \"@react-native-cookies/cookies\": deprecatedCookieManager,\n    webdav,\n};\n\nconst _require = (packageName: string) => {\n    let pkg = packages[packageName];\n    pkg.default = pkg;\n    return pkg;\n};\n\nconst _consoleBind = function (\n    method: \"log\" | \"error\" | \"info\" | \"warn\",\n    ...args: any\n) {\n    const fn = console[method];\n    if (fn) {\n        fn(...args);\n        devLog(method, ...args);\n    }\n};\n\nconst _console = {\n    log: _consoleBind.bind(null, \"log\"),\n    warn: _consoleBind.bind(null, \"warn\"),\n    info: _consoleBind.bind(null, \"info\"),\n    error: _consoleBind.bind(null, \"error\"),\n};\n\nconst appVersion = deviceInfoModule.getVersion();\n\nfunction formatAuthUrl(url: string) {\n    const urlObj = new URL(url);\n\n    try {\n        if (urlObj.username && urlObj.password) {\n            const auth = `Basic ${Base64.btoa(\n                `${decodeURIComponent(urlObj.username)}:${decodeURIComponent(\n                    urlObj.password,\n                )}`,\n            )}`;\n            urlObj.username = \"\";\n            urlObj.password = \"\";\n\n            return {\n                url: urlObj.toString(),\n                auth,\n            };\n        }\n    } catch (e) {\n        return {\n            url,\n        };\n    }\n    return {\n        url,\n    };\n}\n\nexport enum PluginState {\n    // 初始化\n    Initializing,\n    // 加载中\n    Loading,\n    // 已加载\n    Mounted,\n    // 出现错误\n    Error\n}\n\nexport enum PluginErrorReason {\n    // 版本不匹配\n    VersionNotMatch,\n    // 无法解析\n    CannotParse,\n}\n\n\nexport interface ILazyProps {\n    name: string;\n    hash: string;\n    path: string;\n    supportedMethods?: string[];\n    loadFuncCode?: () => Promise<string>;\n    instance?: IPlugin.IPluginDefine;\n}\n\nclass PluginMethodsWrapper implements IPlugin.IPluginInstanceMethods {\n    private plugin: Plugin;\n    private ensurePluginIsMounted: () => Promise<void>;\n\n    constructor(plugin: Plugin, ensurePluginIsMounted: () => Promise<void>) {\n        this.plugin = plugin;\n        this.ensurePluginIsMounted = ensurePluginIsMounted;\n    }\n\n\n    /** 搜索 */\n    async search<T extends ICommon.SupportMediaType>(\n        query: string,\n        page: number,\n        type: T,\n    ): Promise<IPlugin.ISearchResult<T>> {\n        await this.ensurePluginIsMounted();\n        if (!this.plugin.instance.search) {\n            return {\n                isEnd: true,\n                data: [],\n            };\n        }\n\n        const result =\n            (await this.plugin.instance.search(query, page, type)) ?? {};\n        if (Array.isArray(result.data)) {\n            result.data.forEach(_ => {\n                resetMediaItem(_, this.plugin.name);\n            });\n            return {\n                isEnd: result.isEnd ?? true,\n                data: result.data,\n            };\n        }\n        return {\n            isEnd: true,\n            data: [],\n        };\n    }\n\n    /** 获取真实源 */\n    async getMediaSource(\n        musicItem: IMusic.IMusicItemBase,\n        quality: IMusic.IQualityKey = \"standard\",\n        retryCount = 1,\n        notUpdateCache = false,\n    ): Promise<IPlugin.IMediaSourceResult | null> {\n        await this.ensurePluginIsMounted();\n        // 1. 本地搜索 其实直接读mediameta就好了\n        const localPathInMediaExtra = getMediaExtraProperty(musicItem, \"localPath\");\n        const localPath = getLocalPath(musicItem);\n        if (localPath && (await exists(localPath))) {\n            trace(\"本地播放\", localPath);\n            if (localPathInMediaExtra !== localPath) {\n                // 修正一下本地数据\n                patchMediaExtra(musicItem, {\n                    localPath,\n                });\n\n            }\n            return {\n                url: addFileScheme(localPath),\n            };\n        } else if (localPathInMediaExtra) {\n            patchMediaExtra(musicItem, {\n                localPath: undefined,\n            });\n        }\n\n        if (musicItem.platform === localPluginPlatform) {\n            throw new Error(\"本地音乐不存在\");\n        }\n        // 2. 缓存播放\n        const mediaCache = MediaCache.getMediaCache(\n            musicItem,\n        ) as IMusic.IMusicItem | null;\n        const pluginCacheControl =\n            this.plugin.instance.cacheControl ?? \"no-cache\";\n        if (\n            mediaCache &&\n            mediaCache?.source?.[quality]?.url &&\n            (pluginCacheControl === CacheControl.Cache ||\n                (pluginCacheControl === CacheControl.NoCache &&\n                    Network.isOffline))\n        ) {\n            trace(\"播放\", \"缓存播放\");\n            const qualityInfo = mediaCache.source[quality];\n            return {\n                url: qualityInfo!.url,\n                headers: mediaCache.headers,\n                userAgent:\n                    mediaCache.userAgent ?? mediaCache.headers?.[\"user-agent\"],\n            };\n        }\n        // 3. 替代插件\n        const alternativePlugin = Plugin.pluginManager?.getAlternativePlugin(this.plugin) as Plugin | null;\n        const parserPlugin = alternativePlugin?.instance?.getMediaSource ? alternativePlugin : this.plugin;\n\n        if (alternativePlugin) {\n            devLog(\"info\", \"设置了替代插件，实际使用的插件为\", parserPlugin.name);\n        }\n\n        // 4. 插件解析\n        if (!parserPlugin.instance.getMediaSource) {\n            const { url, auth } = formatAuthUrl(\n                musicItem?.qualities?.[quality]?.url ?? musicItem.url,\n            );\n            return {\n                url: url,\n                headers: auth\n                    ? {\n                        Authorization: auth,\n                    }\n                    : undefined,\n            };\n        }\n        try {\n            const { url, headers } = (await parserPlugin.instance.getMediaSource(\n                musicItem,\n                quality,\n            )) ?? { url: musicItem?.qualities?.[quality]?.url };\n            if (!url) {\n                throw new Error(\"NOT RETRY\");\n            }\n            trace(\"播放\", \"插件播放\");\n            const result = {\n                url,\n                headers,\n                userAgent: headers?.[\"user-agent\"],\n            } as IPlugin.IMediaSourceResult;\n            const authFormattedResult = formatAuthUrl(result.url!);\n            if (authFormattedResult.auth) {\n                result.url = authFormattedResult.url;\n                result.headers = {\n                    ...(result.headers ?? {}),\n                    Authorization: authFormattedResult.auth,\n                };\n            }\n\n            if (\n                pluginCacheControl !== CacheControl.NoStore &&\n                !notUpdateCache\n            ) {\n                // 更新缓存\n                const cacheSource = {\n                    headers: result.headers,\n                    userAgent: result.userAgent,\n                    url,\n                };\n                let realMusicItem = {\n                    ...musicItem,\n                    ...(mediaCache || {}),\n                };\n                realMusicItem.source = {\n                    ...(realMusicItem.source || {}),\n                    [quality]: cacheSource,\n                };\n\n                MediaCache.setMediaCache(realMusicItem);\n            }\n            return result;\n        } catch (e: any) {\n            if (retryCount > 0 && e?.message !== \"NOT RETRY\") {\n                await delay(150);\n                return this.getMediaSource(musicItem, quality, --retryCount);\n            }\n            errorLog(\"获取真实源失败\", e?.message);\n            devLog(\"error\", \"获取真实源失败\", e, e?.message);\n            return null;\n        }\n    }\n\n    /** 获取音乐详情 */\n    async getMusicInfo(\n        musicItem: ICommon.IMediaBase,\n    ): Promise<Partial<IMusic.IMusicItem> | null> {\n        await this.ensurePluginIsMounted();\n        if (!this.plugin.instance.getMusicInfo) {\n            return null;\n        }\n        try {\n            return (\n                this.plugin.instance.getMusicInfo(\n                    resetMediaItem(musicItem, undefined, true),\n                ) ?? null\n            );\n        } catch (e: any) {\n            devLog(\"error\", \"获取音乐详情失败\", e, e?.message);\n            return null;\n        }\n    }\n\n    /**\n     *\n     * getLyric(musicItem) => {\n     *      lyric: string;\n     *      trans: string;\n     * }\n     *\n     */\n    /** 获取歌词 */\n    async getLyric(\n        originalMusicItem: IMusic.IMusicItemBase,\n    ): Promise<ILyric.ILyricSource | null> {\n        await this.ensurePluginIsMounted();\n        // 1.额外存储的meta信息（关联歌词）\n        const associatedLrc = getMediaExtraProperty(originalMusicItem, \"associatedLrc\");\n        let musicItem: IMusic.IMusicItem;\n        if (associatedLrc) {\n            musicItem = associatedLrc as IMusic.IMusicItem;\n        } else {\n            musicItem = originalMusicItem as IMusic.IMusicItem;\n        }\n\n        const musicItemCache = MediaCache.getMediaCache(\n            musicItem,\n        ) as IMusic.IMusicItemCache | null;\n\n        /** 原始歌词文本 */\n        let rawLrc: string | null = musicItem.rawLrc || null;\n        let translation: string | null = null;\n\n        // 2. 本地手动设置的歌词\n        const platformHash = CryptoJs.MD5(musicItem.platform).toString(\n            CryptoJs.enc.Hex,\n        );\n        const idHash = CryptoJs.MD5(musicItem.id).toString(CryptoJs.enc.Hex);\n        if (\n            await RNFS.exists(\n                pathConst.localLrcPath + platformHash + \"/\" + idHash + \".lrc\",\n            )\n        ) {\n            rawLrc = await RNFS.readFile(\n                pathConst.localLrcPath + platformHash + \"/\" + idHash + \".lrc\",\n                \"utf8\",\n            );\n\n            if (\n                await RNFS.exists(\n                    pathConst.localLrcPath +\n                    platformHash +\n                    \"/\" +\n                    idHash +\n                    \".tran.lrc\",\n                )\n            ) {\n                translation =\n                    (await RNFS.readFile(\n                        pathConst.localLrcPath +\n                        platformHash +\n                        \"/\" +\n                        idHash +\n                        \".tran.lrc\",\n                        \"utf8\",\n                    )) || null;\n            }\n\n            return {\n                rawLrc,\n                translation: translation || undefined, // TODO: 这里写的不好\n            };\n        }\n\n        // 2. 缓存歌词 / 对象上本身的歌词\n        if (musicItemCache?.lyric) {\n            // 缓存的远程结果\n            let cacheLyric: ILyric.ILyricSource | null =\n                musicItemCache.lyric || null;\n            // 缓存的本地结果\n            let localLyric: ILyric.ILyricSource | null =\n                musicItemCache.$localLyric || null;\n\n            // 优先用缓存的结果\n            if (cacheLyric.rawLrc || cacheLyric.translation) {\n                return {\n                    rawLrc: cacheLyric.rawLrc,\n                    translation: cacheLyric.translation,\n                };\n            }\n\n            // 本地其实是缓存的路径\n            if (localLyric) {\n                let needRefetch = false;\n                if (localLyric.rawLrc && (await exists(localLyric.rawLrc))) {\n                    rawLrc = await readFile(localLyric.rawLrc, \"utf8\");\n                } else if (localLyric.rawLrc) {\n                    needRefetch = true;\n                }\n                if (\n                    localLyric.translation &&\n                    (await exists(localLyric.translation))\n                ) {\n                    translation = await readFile(\n                        localLyric.translation,\n                        \"utf8\",\n                    );\n                } else if (localLyric.translation) {\n                    needRefetch = true;\n                }\n\n                if (!needRefetch && (rawLrc || translation)) {\n                    return {\n                        rawLrc: rawLrc || undefined,\n                        translation: translation || undefined,\n                    };\n                }\n            }\n        }\n\n        // 3. 无缓存歌词/无自带歌词/无本地歌词\n        let lrcSource: ILyric.ILyricSource | null;\n        if (isSameMediaItem(originalMusicItem, musicItem)) {\n            lrcSource =\n                (await this.plugin.instance\n                    ?.getLyric?.(resetMediaItem(musicItem, undefined, true))\n                    ?.catch(() => null)) || null;\n        } else {\n            lrcSource =\n                (await Plugin.pluginManager?.getByMedia(musicItem)\n                    ?.instance?.getLyric?.(\n                        resetMediaItem(musicItem, undefined, true),\n                    )\n                    ?.catch(() => null)) || null;\n        }\n\n        if (lrcSource) {\n            rawLrc = lrcSource?.rawLrc || rawLrc;\n            translation = lrcSource?.translation || null;\n\n            const deprecatedLrcUrl = lrcSource?.lrc || musicItem.lrc;\n\n            // 本地的文件名\n            let filename: string | undefined = `${pathConst.lrcCachePath\n            }${nanoid()}.lrc`;\n            let filenameTrans: string | undefined = `${pathConst.lrcCachePath\n            }${nanoid()}.lrc`;\n\n            // 旧版本兼容\n            if (!(rawLrc || translation)) {\n                if (deprecatedLrcUrl) {\n                    rawLrc = (\n                        await axios\n                            .get(deprecatedLrcUrl, { timeout: 3000 })\n                            .catch(() => null)\n                    )?.data;\n                } else if (musicItem.rawLrc) {\n                    rawLrc = musicItem.rawLrc;\n                }\n            }\n\n            if (rawLrc) {\n                await writeFile(filename, rawLrc, \"utf8\");\n            } else {\n                filename = undefined;\n            }\n            if (translation) {\n                await writeFile(filenameTrans, translation, \"utf8\");\n            } else {\n                filenameTrans = undefined;\n            }\n\n            if (rawLrc || translation) {\n                MediaCache.setMediaCache(\n                    produce(musicItemCache || musicItem, draft => {\n                        musicItemCache?.$localLyric?.rawLrc;\n                        objectPath.set(draft, \"$localLyric.rawLrc\", filename);\n                        objectPath.set(\n                            draft,\n                            \"$localLyric.translation\",\n                            filenameTrans,\n                        );\n                        return draft;\n                    }),\n                );\n                return {\n                    rawLrc: rawLrc || undefined,\n                    translation: translation || undefined,\n                };\n            }\n        }\n\n        // 6. 如果是本地文件\n        const localFilePath = getLocalPath(originalMusicItem);\n        if (\n            originalMusicItem.platform !== localPluginPlatform &&\n            localFilePath\n        ) {\n            const res = await localFilePluginDefine!.getLyric!(originalMusicItem);\n            devLog(\"info\", \"本地文件歌词\");\n\n            if (res) {\n                return res;\n            }\n        }\n        devLog(\"warn\", \"无歌词\");\n\n        return null;\n    }\n\n\n    /** 获取专辑信息 */\n    async getAlbumInfo(\n        albumItem: IAlbum.IAlbumItemBase,\n        page: number = 1,\n    ): Promise<IPlugin.IAlbumInfoResult | null> {\n        await this.ensurePluginIsMounted();\n        if (!this.plugin.instance.getAlbumInfo) {\n            return {\n                albumItem,\n                musicList: (albumItem?.musicList ?? []).map(\n                    resetMediaItem,\n                    this.plugin.name,\n                    true,\n                ),\n                isEnd: true,\n            };\n        }\n        try {\n            const result = await this.plugin.instance.getAlbumInfo(\n                resetMediaItem(albumItem, undefined, true),\n                page,\n            );\n            if (!result) {\n                throw new Error();\n            }\n            result?.musicList?.forEach(_ => {\n                resetMediaItem(_, this.plugin.name);\n                _.album = albumItem.title;\n            });\n\n            if (page <= 1) {\n                // 合并信息\n                return {\n                    albumItem: { ...albumItem, ...(result?.albumItem ?? {}) },\n                    isEnd: result.isEnd === false ? false : true,\n                    musicList: result.musicList,\n                };\n            } else {\n                return {\n                    isEnd: result.isEnd === false ? false : true,\n                    musicList: result.musicList,\n                };\n            }\n        } catch (e: any) {\n            trace(\"获取专辑信息失败\", e?.message);\n            devLog(\"error\", \"获取专辑信息失败\", e, e?.message);\n\n            return null;\n        }\n    }\n\n    /** 获取歌单信息 */\n    async getMusicSheetInfo(\n        sheetItem: IMusic.IMusicSheetItem,\n        page: number = 1,\n    ): Promise<IPlugin.ISheetInfoResult | null> {\n        await this.ensurePluginIsMounted();\n        if (!this.plugin.instance.getMusicSheetInfo) {\n            return {\n                sheetItem,\n                musicList: sheetItem?.musicList ?? [],\n                isEnd: true,\n            };\n        }\n        try {\n            const result = await this.plugin.instance?.getMusicSheetInfo?.(\n                resetMediaItem(sheetItem, undefined, true),\n                page,\n            );\n            if (!result) {\n                throw new Error();\n            }\n            result?.musicList?.forEach(_ => {\n                resetMediaItem(_, this.plugin.name);\n            });\n\n            if (page <= 1) {\n                // 合并信息\n                return {\n                    sheetItem: { ...sheetItem, ...(result?.sheetItem ?? {}) },\n                    isEnd: result.isEnd === false ? false : true,\n                    musicList: result.musicList,\n                };\n            } else {\n                return {\n                    isEnd: result.isEnd === false ? false : true,\n                    musicList: result.musicList,\n                };\n            }\n        } catch (e: any) {\n            trace(\"获取歌单信息失败\", e, e?.message);\n            devLog(\"error\", \"获取歌单信息失败\", e, e?.message);\n\n            return null;\n        }\n    }\n\n    /** 查询作者信息 */\n    async getArtistWorks<T extends IArtist.ArtistMediaType>(\n        artistItem: IArtist.IArtistItem,\n        page: number,\n        type: T,\n    ): Promise<IPlugin.ISearchResult<T>> {\n        await this.ensurePluginIsMounted();\n        if (!this.plugin.instance.getArtistWorks) {\n            return {\n                isEnd: true,\n                data: [],\n            };\n        }\n        try {\n            const result = await this.plugin.instance.getArtistWorks(\n                artistItem,\n                page,\n                type,\n            );\n            if (!result.data) {\n                return {\n                    isEnd: true,\n                    data: [],\n                };\n            }\n            result.data?.forEach(_ => resetMediaItem(_, this.plugin.name));\n            return {\n                isEnd: result.isEnd ?? true,\n                data: result.data,\n            };\n        } catch (e: any) {\n            trace(\"查询作者信息失败\", e?.message);\n            devLog(\"error\", \"查询作者信息失败\", e, e?.message);\n\n            throw e;\n        }\n    }\n\n    /** 导入歌单 */\n    async importMusicSheet(urlLike: string): Promise<IMusic.IMusicItem[]> {\n        await this.ensurePluginIsMounted();\n        try {\n            const result =\n                (await this.plugin.instance?.importMusicSheet?.(urlLike)) ?? [];\n            result.forEach(_ => resetMediaItem(_, this.plugin.name));\n            return result;\n        } catch (e: any) {\n            console.log(e);\n            devLog(\"error\", \"导入歌单失败\", e, e?.message);\n\n            return [];\n        }\n    }\n\n    /** 导入单曲 */\n    async importMusicItem(urlLike: string): Promise<IMusic.IMusicItem | null> {\n        await this.ensurePluginIsMounted();\n        try {\n            const result = await this.plugin.instance?.importMusicItem?.(\n                urlLike,\n            );\n            if (!result) {\n                throw new Error();\n            }\n            resetMediaItem(result, this.plugin.name);\n            return result;\n        } catch (e: any) {\n            devLog(\"error\", \"导入单曲失败\", e, e?.message);\n\n            return null;\n        }\n    }\n\n    /** 获取榜单 */\n    async getTopLists(): Promise<IMusic.IMusicSheetGroupItem[]> {\n        await this.ensurePluginIsMounted();\n        try {\n            const result = await this.plugin.instance?.getTopLists?.();\n            if (!result) {\n                throw new Error();\n            }\n            return result;\n        } catch (e: any) {\n            devLog(\"error\", \"获取榜单失败\", e, e?.message);\n            return [];\n        }\n    }\n\n    /** 获取榜单详情 */\n    async getTopListDetail(\n        topListItem: IMusic.IMusicSheetItemBase,\n        page: number,\n    ): Promise<IPlugin.ITopListInfoResult> {\n        await this.ensurePluginIsMounted();\n        const result = await this.plugin.instance?.getTopListDetail?.(\n            topListItem,\n            page,\n        );\n        if (!result) {\n            throw new Error();\n        }\n        if (result.musicList) {\n            result.musicList.forEach(_ =>\n                resetMediaItem(_, this.plugin.name),\n            );\n        } else {\n            result.musicList = [];\n        }\n        if (result.isEnd !== false) {\n            result.isEnd = true;\n        }\n        return result;\n    }\n\n    /** 获取推荐歌单的tag */\n    async getRecommendSheetTags(): Promise<IPlugin.IGetRecommendSheetTagsResult> {\n        await this.ensurePluginIsMounted();\n        try {\n            const result =\n                await this.plugin.instance?.getRecommendSheetTags?.();\n            if (!result) {\n                throw new Error();\n            }\n            return result;\n        } catch (e: any) {\n            devLog(\"error\", \"获取推荐歌单失败\", e, e?.message);\n            return {\n                data: [],\n            };\n        }\n    }\n\n    /** 获取某个tag的推荐歌单 */\n    async getRecommendSheetsByTag(\n        tagItem: ICommon.IUnique,\n        page?: number,\n    ): Promise<ICommon.PaginationResponse<IMusic.IMusicSheetItemBase>> {\n        await this.ensurePluginIsMounted();\n        try {\n            const result =\n                await this.plugin.instance?.getRecommendSheetsByTag?.(\n                    tagItem,\n                    page ?? 1,\n                );\n            if (!result) {\n                throw new Error();\n            }\n            if (result.isEnd !== false) {\n                result.isEnd = true;\n            }\n            if (!result.data) {\n                result.data = [];\n            }\n            result.data.forEach(item => resetMediaItem(item, this.plugin.name));\n\n            return result;\n        } catch (e: any) {\n            devLog(\"error\", \"获取推荐歌单详情失败\", e, e?.message);\n            return {\n                isEnd: true,\n                data: [],\n            };\n        }\n    }\n\n    async getMusicComments(\n        musicItem: IMusic.IMusicItem,\n        page?: number\n    ): Promise<ICommon.PaginationResponse<IMedia.IComment>> {\n        await this.ensurePluginIsMounted();\n        const result = await this.plugin.instance?.getMusicComments?.(\n            musicItem,\n            page ?? 1\n        );\n        if (!result) {\n            throw new Error();\n        }\n        if (result.isEnd !== false) {\n            result.isEnd = true;\n        }\n        if (!result.data) {\n            result.data = [];\n        }\n\n        return result;\n    }\n}\n\n//#region 插件类\nexport class Plugin {\n    /** 插件名 */\n    public name: string = \"\";\n    /** 插件的hash，作为唯一id */\n    public hash: string = \"\";\n    /** 插件状态：激活、关闭、错误 */\n    public state: PluginState = PluginState.Initializing;\n    /** 插件出错时的原因 */\n    public errorReason?: PluginErrorReason;\n    /** 插件的实例 */\n    public instance: IPlugin.IPluginDefine = { platform: \"\" };\n    /** 插件路径 */\n    public path: string = \"\";\n    /** 插件方法，内部进行标准化和校验 */\n    public methods!: IPlugin.IPluginInstanceMethods;\n\n    public supportedMethods: Set<keyof IPlugin.IPluginInstanceMethods> = new Set();\n\n    private lazyProps: ILazyProps | null = null;\n\n    static pluginManager: IPluginManager;\n\n    static injectDependencies(\n        pluginManager: IPluginManager,\n    ) {\n        Plugin.pluginManager = pluginManager;\n    }\n\n    constructor(\n        funcCode: string | (() => IPlugin.IPluginDefine) | null,\n        pluginPath: string,\n        lazyProps: ILazyProps | null = null\n    ) {\n        this.lazyProps = lazyProps;\n        if (!lazyProps) {\n            // 如果没有懒加载，直接挂载并初始化\n            this.mountPlugin(funcCode!, pluginPath);\n            this.methods = new PluginMethodsWrapper(this, async () => {});\n        } else {\n            // 使用懒加载参数初始化\n            this.name = lazyProps.name;\n            this.hash = lazyProps.hash;\n            this.path = lazyProps.path;\n            this.instance = lazyProps.instance ?? {\n                platform: lazyProps.name,\n            };\n            this.supportedMethods = new Set((lazyProps.supportedMethods ?? []) as any);\n            // 初始化方法，但实际调用时会先挂载插件\n            this.methods = new PluginMethodsWrapper(this, this.ensureMounted.bind(this));\n        }\n    }\n\n    async ensureMounted() {\n        if ((this.state === PluginState.Initializing) && this.lazyProps) {\n            this.state = PluginState.Loading;\n            // 懒加载\n            const loadFuncCode = this.lazyProps.loadFuncCode ?? (() => \"\");\n            try {\n                const funcCode = await loadFuncCode();\n                this.mountPlugin(funcCode, this.lazyProps.path);\n            } catch {\n                this.state = PluginState.Error;\n                this.errorReason = this.errorReason ?? PluginErrorReason.CannotParse;\n            }\n        }\n    }\n\n    private mountPlugin(\n        funcCode: string | (() => IPlugin.IPluginDefine),\n        pluginPath: string) {\n        this.state = PluginState.Loading;\n        let _instance: IPlugin.IPluginDefine;\n\n        const _module: any = { exports: {} };\n        try {\n            if (typeof funcCode === \"string\") {\n                // 插件的环境变量\n                const env = {\n                    getUserVariables: () => {\n                        return (\n                            _internalPluginMeta.getUserVariables(this.name)\n                        );\n                    },\n                    get userVariables() {\n                        return this.getUserVariables() ?? {};\n                    },\n                    appVersion,\n                    os: \"android\",\n                    lang: \"zh-CN\",\n                };\n                const _process = {\n                    platform: \"android\",\n                    version: appVersion,\n                    env,\n                };\n\n                // eslint-disable-next-line no-new-func\n                _instance = Function(`\n                    'use strict';\n                    return function(require, __musicfree_require, module, exports, console, env, URL, process) {\n                        ${funcCode}\n                    }\n                `)()(\n                    _require,\n                    _require,\n                    _module,\n                    _module.exports,\n                    _console,\n                    env,\n                    URL,\n                    _process\n                );\n                if (_module.exports.default) {\n                    _instance = _module.exports\n                        .default as IPlugin.IPluginInstance;\n                } else {\n                    _instance = _module.exports as IPlugin.IPluginInstance;\n                }\n            } else {\n                _instance = funcCode();\n            }\n            // 插件初始化后的一些操作\n            if (Array.isArray(_instance.userVariables)) {\n                _instance.userVariables = _instance.userVariables.filter(\n                    it => it?.key,\n                );\n            }\n            this.checkValid(_instance);\n        } catch (e: any) {\n            this.state = PluginState.Error;\n            this.errorReason = e?.errorReason ?? PluginErrorReason.CannotParse;\n\n            errorLog(`${pluginPath}插件无法解析 `, {\n                errorReason: this.errorReason,\n                message: e?.message,\n                stack: e?.stack,\n            });\n            _instance = e?.instance ?? {\n                platform: \"\",\n                appVersion: \"\",\n                async getMediaSource() {\n                    return null;\n                },\n                async search() {\n                    return {};\n                },\n                async getAlbumInfo() {\n                    return null;\n                },\n            };\n        }\n\n        this.instance = _instance;\n        this.path = pluginPath;\n        this.name = _instance.platform;\n        this.supportedMethods = new Set(Object.keys(_instance).filter(\n            key => typeof (_instance[key]) === \"function\",\n        ) as any);\n\n        // 检测name & 计算hash\n        if (\n            this.name === \"\" ||\n            !this.name\n        ) {\n            this.hash = \"\";\n            this.state = PluginState.Error;\n            this.errorReason = this.errorReason ?? PluginErrorReason.CannotParse;\n        } else {\n            if (typeof funcCode === \"string\") {\n                this.hash = sha256(funcCode).toString();\n            } else {\n                this.hash = sha256(pluginPath + \"@\" + appVersion).toString();\n            }\n        }\n\n\n        if (this.state !== PluginState.Error) {\n            this.state = PluginState.Mounted;\n        }\n    }\n\n    private checkValid(_instance: IPlugin.IPluginDefine) {\n        /** 版本号校验 */\n        if (\n            _instance.appVersion &&\n            !satisfies(DeviceInfo.getVersion(), _instance.appVersion)\n        ) {\n            throw {\n                instance: _instance,\n                state: PluginState.Error,\n                errorReason: PluginErrorReason.VersionNotMatch,\n            };\n        }\n        return true;\n    }\n}\n\n\nconst localFilePluginDefine: IPlugin.IPluginDefine = {\n    platform: localPluginPlatform,\n    async getMusicInfo(musicBase) {\n        const localPath = getLocalPath(musicBase);\n        if (localPath) {\n            const coverImg = await Mp3Util.getMediaCoverImg(localPath);\n            return {\n                artwork: coverImg,\n            };\n        }\n        return null;\n    },\n    async getLyric(musicBase) {\n        const localPath = getLocalPath(musicBase);\n        let rawLrc: string | null = null;\n        if (localPath) {\n            // 读取内嵌歌词\n            try {\n                rawLrc = await Mp3Util.getLyric(localPath);\n            } catch (e) {\n                console.log(\"读取内嵌歌词失败\", e);\n            }\n            if (!rawLrc) {\n                // 读取配置歌词\n                const lastDot = localPath.lastIndexOf(\".\");\n                const lrcPath = localPath.slice(0, lastDot) + \".lrc\";\n\n                try {\n                    if (await exists(lrcPath)) {\n                        rawLrc = await readFile(lrcPath, \"utf8\");\n                    }\n                } catch { }\n            }\n        }\n\n        return rawLrc\n            ? {\n                rawLrc,\n            }\n            : null;\n    },\n    async importMusicItem(urlLike) { // 绝对路径\n        let meta: any = {};\n        let id: string;\n\n        try {\n            meta = await Mp3Util.getBasicMeta(urlLike);\n            const fileStat = await stat(urlLike);\n            id =\n                CryptoJs.MD5(fileStat.originalFilepath).toString(\n                    CryptoJs.enc.Hex,\n                ) || nanoid();\n        } catch {\n            id = nanoid();\n        }\n\n        return {\n            id: id,\n            platform: localPluginPlatform,\n            title: meta?.title ?? getFileName(urlLike),\n            artist: meta?.artist ?? \"未知歌手\",\n            duration: parseInt(meta?.duration ?? \"0\", 10) / 1000,\n            album: meta?.album ?? \"未知专辑\",\n            artwork: \"\",\n            [internalSerializeKey]: {\n                localPath: urlLike,\n            },\n            url: urlLike,\n        };\n    },\n    async getMediaSource(musicItem, quality) {\n        if (quality === \"standard\") {\n            return {\n                url: addFileScheme(musicItem.$?.localPath || musicItem.url),\n            };\n        }\n        return null;\n    },\n\n};\n\nexport const localFilePlugin = new Plugin(function () {\n    return localFilePluginDefine;\n}, \"internal-plugin://local-file-plugin\");\n\n"
  },
  {
    "path": "src/core/router/index.ts",
    "content": "import { useNavigation, useRoute } from \"@react-navigation/native\";\nimport { useCallback } from \"react\";\nimport { LogBox } from \"react-native\";\n\nLogBox.ignoreLogs([\n    \"Non-serializable values were found in the navigation state\",\n]);\n\n/** 路由key */\nexport const ROUTE_PATH = {\n    /** 主页 */\n    HOME: \"home\",\n    /** 音乐播放页 */\n    MUSIC_DETAIL: \"music-detail\",\n    /** 搜索页 */\n    SEARCH_PAGE: \"search-page\",\n    /** 本地歌单页 */\n    LOCAL_SHEET_DETAIL: \"local-sheet-detail\",\n    /** 专辑页 */\n    ALBUM_DETAIL: \"album-detail\",\n    /** 歌手页 */\n    ARTIST_DETAIL: \"artist-detail\",\n    /** 榜单页 */\n    TOP_LIST: \"top-list\",\n    /** 榜单详情页 */\n    TOP_LIST_DETAIL: \"top-list-detail\",\n    /** 设置页 */\n    SETTING: \"setting\",\n    /** 本地音乐 */\n    LOCAL: \"local\",\n    /** 正在下载 */\n    DOWNLOADING: \"downloading\",\n    /** 从歌曲列表中搜索 */\n    SEARCH_MUSIC_LIST: \"search-music-list\",\n    /** 批量编辑 */\n    MUSIC_LIST_EDITOR: \"music-list-editor\",\n    /** 选择文件夹 */\n    FILE_SELECTOR: \"file-selector\",\n    /** 推荐歌单 */\n    RECOMMEND_SHEETS: \"recommend-sheets\",\n    /** 歌单详情 */\n    PLUGIN_SHEET_DETAIL: \"plugin-sheet-detail\",\n    /** 历史记录 */\n    HISTORY: \"history\",\n    /** 自定义主题 */\n    SET_CUSTOM_THEME: \"set-custom-theme\",\n    /** 权限管理 */\n    PERMISSIONS: \"permissions\",\n} as const;\n\ntype ValueOf<T> = T[keyof T];\ntype RoutePaths = ValueOf<typeof ROUTE_PATH>;\n\ntype RouterParamsBase = Record<RoutePaths, any>;\n/** 路由参数 */\ninterface RouterParams extends RouterParamsBase {\n    home: undefined;\n    \"music-detail\": undefined;\n    \"search-page\": undefined;\n    \"local-sheet-detail\": {\n        id: string;\n    };\n    \"album-detail\": {\n        albumItem: IAlbum.IAlbumItem;\n    };\n    \"artist-detail\": {\n        artistItem: IArtist.IArtistItem;\n        pluginHash: string;\n    };\n    setting: {\n        type: string;\n        // anchor?: string | number;\n    };\n    local: undefined;\n    downloading: undefined;\n    \"search-music-list\": {\n        musicList: IMusic.IMusicItem[] | null;\n        musicSheet?: IMusic.IMusicSheetItem;\n    };\n    \"music-list-editor\": {\n        musicSheet?: Partial<IMusic.IMusicSheetItem>;\n        musicList: IMusic.IMusicItem[] | null;\n    };\n    \"file-selector\": {\n        fileType?: \"folder\" | \"file\" | \"file-and-folder\"; // 10: folder 11: file and folder,\n        multi?: boolean; // 是否多选\n        actionText?: string; // 底部行动点的文本\n        actionIcon?: string; // 底部行动点的图标\n        onAction?: (\n            selectedFiles: {\n                path: string;\n                type: \"file\" | \"folder\";\n            }[],\n        ) => Promise<boolean>; // true会自动关闭，false会停在当前页面\n        matchExtension?: (path: string) => boolean;\n    };\n    \"top-list-detail\": {\n        pluginHash: string;\n        topList: IMusic.IMusicSheetItemBase;\n    };\n    \"plugin-sheet-detail\": {\n        pluginHash?: string;\n        sheetInfo: IMusic.IMusicSheetItemBase;\n    };\n}\n\n/** 路由参数Hook */\nexport function useParams<T extends RoutePaths>(): RouterParams[T] {\n    const route = useRoute<any>();\n\n    const routeParams = route?.params as RouterParams[T];\n    return routeParams;\n}\n\n/** 导航 */\nexport function useNavigate() {\n    const navigation = useNavigation<any>();\n\n    const navigate = useCallback(function <T extends RoutePaths>(\n        route: T,\n        params?: RouterParams[T],\n    ) {\n        navigation.navigate(route, params);\n    },\n    []);\n\n    return navigate;\n}\n"
  },
  {
    "path": "src/core/router/routes.tsx",
    "content": "import Home from \"@/pages/home\";\r\nimport MusicDetail from \"@/pages/musicDetail\";\r\nimport TopList from \"@/pages/topList\";\r\nimport TopListDetail from \"@/pages/topListDetail\";\r\nimport SearchPage from \"@/pages/searchPage\";\r\nimport SheetDetail from \"@/pages/sheetDetail\";\r\nimport AlbumDetail from \"@/pages/albumDetail\";\r\nimport ArtistDetail from \"@/pages/artistDetail\";\r\nimport Setting from \"@/pages/setting\";\r\nimport LocalMusic from \"@/pages/localMusic\";\r\nimport Downloading from \"@/pages/downloading\";\r\nimport SearchMusicList from \"@/pages/searchMusicList\";\r\nimport MusicListEditor from \"@/pages/musicListEditor\";\r\nimport FileSelector from \"@/pages/fileSelector\";\r\nimport RecommendSheets from \"@/pages/recommendSheets\";\r\nimport PluginSheetDetail from \"@/pages/pluginSheetDetail\";\r\nimport History from \"@/pages/history\";\r\nimport SetCustomTheme from \"@/pages/setCustomTheme\";\r\nimport Permissions from \"@/pages/permissions\";\r\nimport { ROUTE_PATH } from \"@/core/router/index.ts\";\r\n\r\ntype ValueOf<T> = T[keyof T];\r\nexport type RoutePaths = ValueOf<typeof ROUTE_PATH>;\r\n\r\ntype IRoutes = {\r\n  path: RoutePaths;\r\n  component: (...args: any[]) => JSX.Element;\r\n};\r\n\r\n\r\nexport const routes: Array<IRoutes> = [\r\n    {\r\n        path: ROUTE_PATH.HOME,\r\n        component: Home,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.MUSIC_DETAIL,\r\n        component: MusicDetail,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.TOP_LIST,\r\n        component: TopList,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.TOP_LIST_DETAIL,\r\n        component: TopListDetail,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.SEARCH_PAGE,\r\n        component: SearchPage,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.LOCAL_SHEET_DETAIL,\r\n        component: SheetDetail,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.ALBUM_DETAIL,\r\n        component: AlbumDetail,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.ARTIST_DETAIL,\r\n        component: ArtistDetail,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.SETTING,\r\n        component: Setting,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.LOCAL,\r\n        component: LocalMusic,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.DOWNLOADING,\r\n        component: Downloading,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.SEARCH_MUSIC_LIST,\r\n        component: SearchMusicList,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.MUSIC_LIST_EDITOR,\r\n        component: MusicListEditor,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.FILE_SELECTOR,\r\n        component: FileSelector,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.RECOMMEND_SHEETS,\r\n        component: RecommendSheets,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.PLUGIN_SHEET_DETAIL,\r\n        component: PluginSheetDetail,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.HISTORY,\r\n        component: History,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.SET_CUSTOM_THEME,\r\n        component: SetCustomTheme,\r\n    },\r\n    {\r\n        path: ROUTE_PATH.PERMISSIONS,\r\n        component: Permissions,\r\n    },\r\n];\r\n"
  },
  {
    "path": "src/core/theme.ts",
    "content": "import Config from \"@/core/appConfig\";\n\nimport { DarkTheme as _DarkTheme, DefaultTheme as _DefaultTheme } from \"@react-navigation/native\";\nimport { GlobalState } from \"@/utils/stateMapper\";\nimport { CustomizedColors } from \"@/hooks/useColors\";\nimport Color from \"color\";\n\nexport const lightTheme = {\n    id: \"p-light\",\n    ..._DefaultTheme,\n    colors: {\n        ..._DefaultTheme.colors,\n        background: \"transparent\",\n        text: \"#333333\",\n        textSecondary: Color(\"#333333\").alpha(0.7).toString(),\n        primary: \"#f17d34\",\n        pageBackground: \"#fafafa\",\n        shadow: \"#000\",\n        appBar: \"#f17d34\",\n        appBarText: \"#fefefe\",\n        musicBar: \"#f2f2f2\",\n        musicBarText: \"#333333\",\n        divider: \"rgba(0,0,0,0.1)\",\n        listActive: \"rgba(0,0,0,0.1)\", // 在手机上表现是ripple\n        mask: \"rgba(51,51,51,0.2)\",\n        backdrop: \"#f0f0f0\",\n        tabBar: \"#f0f0f0\",\n        placeholder: \"#eaeaea\",\n        success: \"#08A34C\",\n        danger: \"#FC5F5F\",\n        info: \"#0A95C8\",\n        card: \"#e2e2e288\",\n        notification: \"#f0f0f0\",\n    },\n};\n\nexport const darkTheme = {\n    id: \"p-dark\",\n    ..._DarkTheme,\n    colors: {\n        ..._DarkTheme.colors,\n        background: \"transparent\",\n        text: \"#fcfcfc\",\n        textSecondary: Color(\"#fcfcfc\").alpha(0.7).toString(),\n        primary: \"#3FA3B5\",\n        pageBackground: \"#202020\",\n        shadow: \"#999\",\n        appBar: \"#262626\",\n        appBarText: \"#fcfcfc\",\n        musicBar: \"#262626\",\n        musicBarText: \"#fcfcfc\",\n        divider: \"rgba(255,255,255,0.1)\",\n        listActive: \"rgba(255,255,255,0.1)\", // 在手机上表现是ripple\n        mask: \"rgba(33,33,33,0.8)\",\n        backdrop: \"#303030\",\n        tabBar: \"#303030\",\n        placeholder: \"#424242\",\n        success: \"#08A34C\",\n        danger: \"#FC5F5F\",\n        info: \"#0A95C8\",\n        card: \"#33333388\",\n        notification: \"#303030\",\n    },\n};\n\ninterface IBackgroundInfo {\n    url?: string;\n    blur?: number;\n    opacity?: number;\n}\n\nconst themeStore = new GlobalState(darkTheme);\nconst backgroundStore = new GlobalState<IBackgroundInfo | null>(null);\n\nfunction setup() {\n    const currentTheme = Config.getConfig(\"theme.selectedTheme\") ?? \"p-dark\";\n\n    if (currentTheme === \"p-dark\") {\n        themeStore.setValue(darkTheme);\n    } else if (currentTheme === \"p-light\") {\n        themeStore.setValue(lightTheme);\n    } else {\n        themeStore.setValue({\n            id: currentTheme,\n            dark: true,\n            // @ts-ignore\n            colors:\n                (Config.getConfig(\"theme.colors\") as CustomizedColors) ??\n                darkTheme.colors,\n        });\n    }\n\n    const bgUrl = Config.getConfig(\"theme.background\");\n    const bgBlur = Config.getConfig(\"theme.backgroundBlur\");\n    const bgOpacity = Config.getConfig(\"theme.backgroundOpacity\");\n\n    backgroundStore.setValue({\n        url: bgUrl,\n        blur: bgBlur ?? 20,\n        opacity: bgOpacity ?? 0.6,\n    });\n}\n\nfunction setTheme(\n    themeName: string,\n    extra?: {\n        colors?: Partial<CustomizedColors>;\n        background?: IBackgroundInfo;\n    },\n) {\n    if (themeName === \"p-light\") {\n        themeStore.setValue(lightTheme);\n    } else if (themeName === \"p-dark\") {\n        themeStore.setValue(darkTheme);\n    } else {\n        themeStore.setValue({\n            id: themeName,\n            dark: true,\n            colors: {\n                ...darkTheme.colors,\n                ...(extra?.colors ?? {}),\n            },\n        });\n    }\n\n    Config.setConfig(\"theme.selectedTheme\", themeName);\n    Config.setConfig(\"theme.colors\", themeStore.getValue().colors);\n\n    if (extra?.background) {\n        const currentBg = backgroundStore.getValue();\n        let newBg: IBackgroundInfo = {\n            blur: 20,\n            opacity: 0.6,\n            ...(currentBg ?? {}),\n            url: undefined,\n        };\n        if (typeof extra.background.blur === \"number\") {\n            newBg.blur = extra.background.blur;\n        }\n        if (typeof extra.background.opacity === \"number\") {\n            newBg.opacity = extra.background.opacity;\n        }\n        if (extra.background.url) {\n            newBg.url = extra.background.url;\n        }\n\n        Config.setConfig(\"theme.background\", newBg.url);\n        Config.setConfig(\"theme.backgroundBlur\", newBg.blur);\n        Config.setConfig(\"theme.backgroundOpacity\", newBg.opacity);\n\n        backgroundStore.setValue(newBg);\n    }\n}\n\nfunction setColors(colors: Partial<CustomizedColors>) {\n    const currentTheme = themeStore.getValue();\n    if (currentTheme.id !== \"p-light\" && currentTheme.id !== \"p-dark\") {\n        const newTheme = {\n            ...currentTheme,\n            colors: {\n                ...currentTheme.colors,\n                ...colors,\n            },\n        };\n        Config.setConfig(\"theme.customColors\", newTheme.colors);\n        Config.setConfig(\"theme.colors\", newTheme.colors);\n        themeStore.setValue(newTheme);\n    }\n}\n\nfunction setBackground(backgroundInfo: Partial<IBackgroundInfo>) {\n    const currentBackgroundInfo = backgroundStore.getValue();\n    let newBgInfo = {\n        ...(currentBackgroundInfo ?? {\n            opacity: 0.6,\n            blur: 20,\n        }),\n    };\n    if (typeof backgroundInfo.blur === \"number\") {\n        Config.setConfig(\"theme.backgroundBlur\", backgroundInfo.blur);\n        newBgInfo.blur = backgroundInfo.blur;\n    }\n    if (typeof backgroundInfo.opacity === \"number\") {\n        Config.setConfig(\"theme.backgroundOpacity\", backgroundInfo.opacity);\n        newBgInfo.opacity = backgroundInfo.opacity;\n    }\n    if (backgroundInfo.url !== undefined) {\n        Config.setConfig(\"theme.background\", backgroundInfo.url);\n        newBgInfo.url = backgroundInfo.url;\n    }\n    backgroundStore.setValue(newBgInfo);\n}\n\nconst configableColorKey: Array<keyof CustomizedColors> = [\n    \"primary\",\n    \"text\",\n    \"appBar\",\n    \"appBarText\",\n    \"musicBar\",\n    \"musicBarText\",\n    \"pageBackground\",\n    \"backdrop\",\n    \"card\",\n    \"placeholder\",\n    \"tabBar\",\n    \"notification\",\n];\n\n\nconst Theme = {\n    setup,\n    setTheme,\n    setBackground,\n    setColors,\n    useTheme: themeStore.useValue,\n    getTheme: themeStore.getValue,\n    useBackground: backgroundStore.useValue,\n    configableColorKey,\n};\n\nexport default Theme;\n"
  },
  {
    "path": "src/core/trackPlayer/index.ts",
    "content": "import { getCurrentDialog, showDialog } from \"@/components/dialogs/useDialog\";\nimport {\n    internalFakeSoundKey,\n    sortIndexSymbol,\n    timeStampSymbol,\n} from \"@/constants/commonConst\";\nimport { MusicRepeatMode } from \"@/constants/repeatModeConst\";\nimport delay from \"@/utils/delay\";\nimport getUrlExt from \"@/utils/getUrlExt\";\nimport { errorLog, trace } from \"@/utils/log\";\nimport { createMediaIndexMap } from \"@/utils/mediaIndexMap\";\nimport {\n    getLocalPath,\n    isSameMediaItem,\n} from \"@/utils/mediaUtils\";\nimport Network from \"@/utils/network\";\nimport PersistStatus from \"@/utils/persistStatus\";\nimport { getQualityOrder } from \"@/utils/qualities\";\nimport { musicIsPaused } from \"@/utils/trackUtils\";\nimport EventEmitter from \"eventemitter3\";\nimport { produce } from \"immer\";\nimport { atom, getDefaultStore, useAtomValue } from \"jotai\";\nimport shuffle from \"lodash.shuffle\";\nimport ReactNativeTrackPlayer, {\n    Event,\n    State,\n    Track,\n    TrackMetadataBase,\n    usePlaybackState,\n    useProgress,\n} from \"react-native-track-player\";\nimport LocalMusicSheet from \"../localMusicSheet\";\n\nimport { TrackPlayerEvents } from \"@/core.defination/trackPlayer\";\nimport type { IAppConfig } from \"@/types/core/config\";\nimport type { IMusicHistory } from \"@/types/core/musicHistory\";\nimport { ITrackPlayer } from \"@/types/core/trackPlayer/index\";\nimport minDistance from \"@/utils/minDistance\";\nimport { IPluginManager } from \"@/types/core/pluginManager\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport { resolveImportedAssetOrPath } from \"@/utils/fileUtils\";\n\n\n\nconst currentMusicAtom = atom<IMusic.IMusicItem | null>(null);\nconst repeatModeAtom = atom<MusicRepeatMode>(MusicRepeatMode.QUEUE);\nconst qualityAtom = atom<IMusic.IQualityKey>(\"standard\");\nconst playListAtom = atom<IMusic.IMusicItem[]>([]);\n\n\nclass TrackPlayer extends EventEmitter<{\n    [TrackPlayerEvents.PlayEnd]: () => void;\n    [TrackPlayerEvents.CurrentMusicChanged]: (musicItem: IMusic.IMusicItem | null) => void;\n    [TrackPlayerEvents.ProgressChanged]: (progress: {\n        position: number;\n        duration: number;\n    }) => void;\n}> implements ITrackPlayer {\n    // 依赖\n    private configService!: IAppConfig;\n    private musicHistoryService!: IMusicHistory;\n    private pluginManagerService!: IPluginManager;\n\n    // 当前播放的音乐下标\n    private currentIndex = -1;\n    // 音乐播放器服务是否启动\n    private serviceInited = false;\n    // 播放队列索引map\n    private playListIndexMap = createMediaIndexMap([] as IMusic.IMusicItem[]);\n\n\n    private static maxMusicQueueLength = 10000;\n    private static halfMaxMusicQueueLength = 5000;\n    private static toggleRepeatMapping = {\n        [MusicRepeatMode.SHUFFLE]: MusicRepeatMode.SINGLE,\n        [MusicRepeatMode.SINGLE]: MusicRepeatMode.QUEUE,\n        [MusicRepeatMode.QUEUE]: MusicRepeatMode.SHUFFLE,\n    };\n    private static fakeAudioUrl = \"musicfree://fake-audio\";\n    private static proposedAudioUrl = \"musicfree://proposed-audio\";\n\n    constructor() {\n        super();\n    }\n\n    public get previousMusic() {\n        const currentMusic = this.currentMusic;\n        if (!currentMusic) {\n            return null;\n        }\n\n        return this.getPlayListMusicAt(this.currentIndex - 1);\n    }\n\n    public get currentMusic() {\n        return getDefaultStore().get(currentMusicAtom);\n    }\n\n    public get nextMusic() {\n        const currentMusic = this.currentMusic;\n        if (!currentMusic) {\n            return null;\n        }\n\n        return this.getPlayListMusicAt(this.currentIndex + 1);\n    }\n\n    public get repeatMode() {\n        return getDefaultStore().get(repeatModeAtom);\n    }\n\n    public get quality() {\n        return getDefaultStore().get(qualityAtom);\n    }\n\n    public get playList() {\n        return getDefaultStore().get(playListAtom);\n    }\n\n\n    injectDependencies(configService: IAppConfig, musicHistoryService: IMusicHistory, pluginManager: IPluginManager): void {\n        this.configService = configService;\n        this.musicHistoryService = musicHistoryService;\n        this.pluginManagerService = pluginManager;\n    }\n\n\n    async setupTrackPlayer() {\n        const rate = PersistStatus.get(\"music.rate\");\n        const musicQueue = PersistStatus.get(\"music.playList\");\n        const repeatMode = PersistStatus.get(\"music.repeatMode\");\n        const progress = PersistStatus.get(\"music.progress\");\n        const track = PersistStatus.get(\"music.musicItem\");\n        const quality =\n            PersistStatus.get(\"music.quality\") ||\n            this.configService.getConfig(\"basic.defaultPlayQuality\") ||\n            \"standard\";\n\n        // 状态恢复\n        if (rate) {\n            ReactNativeTrackPlayer.setRate(+rate / 100);\n        }\n        if (repeatMode) {\n            getDefaultStore().set(repeatModeAtom, repeatMode as MusicRepeatMode);\n        }\n\n        if (musicQueue && Array.isArray(musicQueue)) {\n            this.addAll(\n                musicQueue,\n                undefined,\n                repeatMode === MusicRepeatMode.SHUFFLE,\n            );\n        }\n\n        if (track && this.isInPlayList(track)) {\n            if (!this.configService.getConfig(\"basic.autoPlayWhenAppStart\")) {\n                track.isInit = true;\n            }\n\n            // 异步\n            this.pluginManagerService.getByMedia(track)\n                ?.methods.getMediaSource(track, quality)\n                .then(async newSource => {\n                    track.url = newSource?.url || track.url;\n                    track.headers = newSource?.headers || track.headers;\n\n                    if (isSameMediaItem(this.currentMusic, track)) {\n                        await this.setTrackSource(track as Track, false);\n                        if (progress) {\n                            // 异步\n                            this.seekTo(progress);\n                        }\n                    }\n                });\n            this.setCurrentMusic(track);\n\n            if (progress) {\n                // 异步\n                this.seekTo(progress);\n            }\n        }\n\n        if (!this.serviceInited) {\n\n            /**\n             * 此事件可能会被触发多次（比如直接替换queue） 参考代码：https://github.com/doublesymmetry/KotlinAudio\n             */\n            ReactNativeTrackPlayer.addEventListener(\n                Event.PlaybackActiveTrackChanged,\n                async evt => {\n                    if (\n                        evt.index === 1 &&\n                        evt.lastIndex === 0 &&\n                        evt.track?.url === TrackPlayer.fakeAudioUrl\n                    ) {\n                        trace(\"队列末尾，播放下一首\");\n                        this.emit(TrackPlayerEvents.PlayEnd);\n                        if (\n                            this.repeatMode ===\n                            MusicRepeatMode.SINGLE\n                        ) {\n                            await this.play(null, true);\n                        } else {\n                            // 当前生效的歌曲是下一曲的标记\n                            await this.skipToNext();\n                        }\n                    }\n                },\n            );\n\n            ReactNativeTrackPlayer.addEventListener(\n                Event.PlaybackError,\n                async e => {\n                    errorLog(\"播放出错\", e.message);\n                    // WARNING: 不稳定，报错的时候有可能track已经变到下一首歌去了\n                    const currentTrack =\n                        await ReactNativeTrackPlayer.getActiveTrack();\n                    if (currentTrack?.isInit) {\n                        // HACK: 避免初始失败的情况\n                        ReactNativeTrackPlayer.updateMetadataForTrack(0, {\n                            ...currentTrack,\n                            // @ts-ignore\n                            isInit: undefined,\n                        });\n                        return;\n                    }\n\n                    if (\n                        currentTrack?.url !== TrackPlayer.fakeAudioUrl && currentTrack?.url !== TrackPlayer.proposedAudioUrl &&\n                        (await ReactNativeTrackPlayer.getActiveTrackIndex()) === 0 &&\n                        e.message &&\n                        e.message !== \"android-io-file-not-found\"\n                    ) {\n                        trace(\"播放出错\", {\n                            message: e.message,\n                            code: e.code,\n                        });\n\n                        this.handlePlayFail();\n                    }\n                },\n            );\n\n            this.serviceInited = true;\n        }\n    }\n\n    /**************** 播放队列 ******************/\n    getMusicIndexInPlayList(musicItem?: IMusic.IMusicItem | null) {\n        if (!musicItem) {\n            return -1;\n        }\n        return this.playListIndexMap.getIndex(musicItem);\n    }\n\n    isInPlayList(musicItem?: IMusic.IMusicItem | null) {\n        if (!musicItem) {\n            return false;\n        }\n\n        return this.playListIndexMap.has(musicItem);\n    }\n\n    getPlayListMusicAt(index: number): IMusic.IMusicItem | null {\n        const playList = this.playList;\n        const len = playList.length;\n        if (len === 0) {\n            return null;\n        }\n        return playList[(index + len) % len];\n    }\n\n    isPlayListEmpty() {\n        return this.playList.length === 0;\n    }\n\n    /****** 播放逻辑 *****/\n    addAll(\n        musicItems: Array<IMusic.IMusicItem>,\n        beforeIndex?: number,\n        shouldShuffle?: boolean,\n    ): void {\n        const now = Date.now();\n        let newPlayList: IMusic.IMusicItem[] = [];\n        let currentPlayList = this.playList;\n        musicItems.forEach((item, index) => {\n            item[timeStampSymbol] = now;\n            item[sortIndexSymbol] = index;\n        });\n\n        if (beforeIndex === undefined || beforeIndex < 0) {\n            // 1.1. 添加到歌单末尾，并过滤掉已有的歌曲\n            newPlayList = currentPlayList.concat(\n                musicItems.filter(item => !this.isInPlayList(item)),\n            );\n        } else {\n            // 1.2. 新的播放列表，插入\n            const indexMap = createMediaIndexMap(musicItems);\n            const beforeDraft = currentPlayList\n                .slice(0, beforeIndex)\n                .filter(item => !indexMap.has(item));\n            const afterDraft = currentPlayList\n                .slice(beforeIndex)\n                .filter(item => !indexMap.has(item));\n\n            newPlayList = [...beforeDraft, ...musicItems, ...afterDraft];\n        }\n\n        // 如果太长了\n        if (newPlayList.length > TrackPlayer.maxMusicQueueLength) {\n            newPlayList = this.shrinkPlayListToSize(\n                newPlayList,\n                beforeIndex ?? newPlayList.length - 1,\n            );\n        }\n\n        // 2. 如果需要随机\n        if (shouldShuffle) {\n            newPlayList = shuffle(newPlayList);\n        }\n        // 3. 设置播放列表\n        this.setPlayList(newPlayList);\n    }\n\n    add(\n        musicItem: IMusic.IMusicItem | IMusic.IMusicItem[],\n        beforeIndex?: number,\n    ): void {\n        this.addAll(\n            Array.isArray(musicItem) ? musicItem : [musicItem],\n            beforeIndex,\n        );\n    }\n\n    addNext(musicItem: IMusic.IMusicItem | IMusic.IMusicItem[]): void {\n        const shouldAutoPlay = this.isPlayListEmpty() || !this.currentMusic;\n\n        this.add(musicItem, this.currentIndex + 1);\n\n        if (shouldAutoPlay) {\n            this.play(Array.isArray(musicItem) ? musicItem[0] : musicItem);\n        }\n    }\n\n    async remove(musicItem: IMusic.IMusicItem): Promise<void> {\n        const playList = this.playList;\n\n        let newPlayList: IMusic.IMusicItem[] = [];\n        let currentMusic: IMusic.IMusicItem | null = this.currentMusic;\n        const targetIndex = this.getMusicIndexInPlayList(musicItem);\n        let shouldPlayCurrent: boolean | null = null;\n        if (targetIndex === -1) {\n            // 1. 这种情况应该是出错了\n            return;\n        }\n        // 2. 移除的是当前项\n        if (this.currentIndex === targetIndex) {\n            // 2.1 停止播放，移除当前项\n            newPlayList = produce(playList, draft => {\n                draft.splice(targetIndex, 1);\n            });\n            // 2.2 设置新的播放列表，并更新当前音乐\n            if (newPlayList.length === 0) {\n                currentMusic = null;\n                shouldPlayCurrent = false;\n            } else {\n                currentMusic = newPlayList[this.currentIndex % newPlayList.length];\n                try {\n                    const state = (\n                        await ReactNativeTrackPlayer.getPlaybackState()\n                    ).state;\n                    shouldPlayCurrent = !musicIsPaused(state);\n                } catch {\n                    shouldPlayCurrent = false;\n                }\n            }\n            this.setCurrentMusic(currentMusic);\n        } else {\n            // 3. 删除\n            newPlayList = produce(playList, draft => {\n                draft.splice(targetIndex, 1);\n            });\n        }\n\n        this.setPlayList(newPlayList);\n        if (shouldPlayCurrent === true) {\n            await this.play(currentMusic, true);\n        } else if (shouldPlayCurrent === false) {\n            await ReactNativeTrackPlayer.reset();\n        }\n    }\n\n    isCurrentMusic(musicItem?: IMusic.IMusicItem | null) {\n        return isSameMediaItem(musicItem, this.currentMusic);\n    }\n\n    async play(\n        musicItem?: IMusic.IMusicItem | null,\n        forcePlay?: boolean,\n    ): Promise<void> {\n        try {\n            // 如果不传参，默认是播放当前音乐\n            if (!musicItem) {\n                musicItem = this.currentMusic;\n            }\n            if (!musicItem) {\n                throw new Error(PlayFailReason.PLAY_LIST_IS_EMPTY);\n            }\n            // 1. 移动网络禁止播放\n            const localPath = getLocalPath(musicItem);\n            if (\n                Network.isCellular &&\n                !this.configService.getConfig(\"basic.useCelluarNetworkPlay\") &&\n                !LocalMusicSheet.isLocalMusic(musicItem) &&\n                !localPath\n            ) {\n                await ReactNativeTrackPlayer.reset();\n                throw new Error(PlayFailReason.FORBID_CELLUAR_NETWORK_PLAY);\n            }\n\n            // 2. 如果是当前正在播放的音频\n            if (this.isCurrentMusic(musicItem)) {\n                // 获取底层播放器中的track\n                const currentTrack = await ReactNativeTrackPlayer.getTrack(0);\n                // 2.1 如果当前有源\n                if (\n                    currentTrack?.url &&\n                    isSameMediaItem(\n                        musicItem,\n                        currentTrack as IMusic.IMusicItem,\n                    )\n                ) {\n                    const currentActiveIndex =\n                        await ReactNativeTrackPlayer.getActiveTrackIndex();\n                    if (currentActiveIndex !== 0) {\n                        await ReactNativeTrackPlayer.skip(0);\n                    }\n                    if (forcePlay) {\n                        // 2.1.1 强制重新开始\n                        await this.seekTo(0);\n                    }\n                    const currentState = (\n                        await ReactNativeTrackPlayer.getPlaybackState()\n                    ).state;\n                    if (currentState === State.Stopped) {\n                        await this.setTrackSource(currentTrack);\n                    }\n                    if (currentState !== State.Playing) {\n                        // 2.1.2 恢复播放\n                        await ReactNativeTrackPlayer.play();\n                    }\n                    // 这种情况下，播放队列和当前歌曲都不需要变化\n                    return;\n                }\n                // 2.2 其他情况：重新获取源\n            }\n\n            // 3. 如果没有在播放列表中，添加到队尾；同时更新列表状态\n            const inPlayList = this.isInPlayList(musicItem);\n            if (!inPlayList) {\n                this.add(musicItem);\n            }\n\n            // 4. 更新列表状态和当前音乐\n            this.setCurrentMusic(musicItem);\n            await ReactNativeTrackPlayer.setQueue([{\n                ...musicItem,\n                url: TrackPlayer.proposedAudioUrl,\n                artwork: resolveImportedAssetOrPath(musicItem.artwork?.trim?.()?.length ? musicItem.artwork : ImgAsset.albumDefault) as unknown as any,\n            }, this.getFakeNextTrack()]);\n\n            // 5. 获取音源\n            let track: IMusic.IMusicItem;\n\n            // 5.1 通过插件获取音源\n            const plugin = this.pluginManagerService.getByName(musicItem.platform);\n            // 5.2 获取音质排序\n            const qualityOrder = getQualityOrder(\n                this.configService.getConfig(\"basic.defaultPlayQuality\") ?? \"standard\",\n                this.configService.getConfig(\"basic.playQualityOrder\") ?? \"asc\",\n            );\n            // 5.3 插件返回音源\n            let source: IPlugin.IMediaSourceResult | null = null;\n            for (let quality of qualityOrder) {\n                if (this.isCurrentMusic(musicItem)) {\n                    source =\n                        (await plugin?.methods?.getMediaSource(\n                            musicItem,\n                            quality,\n                        )) ?? null;\n                    // 5.3.1 获取到真实源\n                    if (source) {\n                        this.setQuality(quality);\n                        break;\n                    }\n                } else {\n                    // 5.3.2 已经切换到其他歌曲了，\n                    return;\n                }\n            }\n\n            if (!this.isCurrentMusic(musicItem)) {\n                return;\n            }\n            if (!source) {\n                // 如果有source\n                if (musicItem.source) {\n                    for (let quality of qualityOrder) {\n                        if (musicItem.source[quality]?.url) {\n                            source = musicItem.source[quality]!;\n                            this.setQuality(quality);\n\n                            break;\n                        }\n                    }\n                }\n                // 5.4 没有返回源\n                if (!source && !musicItem.url) {\n                    // 插件失效的情况\n                    if (this.configService.getConfig(\"basic.tryChangeSourceWhenPlayFail\")) {\n                        // 重试\n                        const similarMusic = await this.getSimilarMusic(\n                            musicItem,\n                            \"music\",\n                            () => !this.isCurrentMusic(musicItem),\n                        );\n\n                        if (similarMusic) {\n                            const similarMusicPlugin =\n                                this.pluginManagerService.getByMedia(similarMusic);\n\n                            for (let quality of qualityOrder) {\n                                if (this.isCurrentMusic(musicItem)) {\n                                    source =\n                                        (await similarMusicPlugin?.methods?.getMediaSource(\n                                            similarMusic,\n                                            quality,\n                                        )) ?? null;\n                                    // 5.4.1 获取到真实源\n                                    if (source) {\n                                        this.setQuality(quality);\n                                        break;\n                                    }\n                                } else {\n                                    // 5.4.2 已经切换到其他歌曲了，\n                                    return;\n                                }\n                            }\n                        }\n\n                        if (!source) {\n                            throw new Error(PlayFailReason.INVALID_SOURCE);\n                        }\n                    } else {\n                        throw new Error(PlayFailReason.INVALID_SOURCE);\n                    }\n                } else {\n                    source = {\n                        url: musicItem.url,\n                    };\n                    this.setQuality(\"standard\");\n                }\n            }\n\n            // 6. 特殊类型源\n            if (getUrlExt(source.url) === \".m3u8\") {\n                // @ts-ignore\n                source.type = \"hls\";\n            }\n            // 7. 合并结果\n            track = this.mergeTrackSource(musicItem, source) as IMusic.IMusicItem;\n\n            // 8. 新增历史记录\n            this.musicHistoryService.addMusic(musicItem);\n\n            trace(\"获取音源成功\", track);\n            // 9. 设置音源\n            await this.setTrackSource(track as Track);\n\n            // 10. 获取补充信息\n            let info: Partial<IMusic.IMusicItem> | null = null;\n            try {\n                info =\n                    (await plugin?.methods?.getMusicInfo?.(musicItem)) ?? null;\n                if (\n                    (typeof info?.url === \"string\" && info.url.trim() === \"\") ||\n                    (info?.url && typeof info.url !== \"string\")\n                ) {\n                    delete info.url;\n                }\n            } catch { }\n\n            // 11. 设置补充信息\n            if (info && this.isCurrentMusic(musicItem)) {\n                const mergedTrack = this.mergeTrackSource(track, info);\n                getDefaultStore().set(currentMusicAtom, mergedTrack as IMusic.IMusicItem);\n                await ReactNativeTrackPlayer.updateMetadataForTrack(\n                    0,\n                    mergedTrack as TrackMetadataBase,\n                );\n            }\n        } catch (e: any) {\n            const message = e?.message;\n            if (\n                message ===\n                \"The player is not initialized. Call setupPlayer first.\"\n            ) {\n                await ReactNativeTrackPlayer.setupPlayer();\n                this.play(musicItem, forcePlay);\n            } else if (message === PlayFailReason.FORBID_CELLUAR_NETWORK_PLAY) {\n                if (getCurrentDialog()?.name !== \"SimpleDialog\") {\n                    showDialog(\"SimpleDialog\", {\n                        title: \"流量提醒\",\n                        content:\n                            \"当前非WIFI环境，侧边栏设置中打开【使用移动网络播放】功能后可继续播放\",\n                    });\n                }\n            } else if (message === PlayFailReason.INVALID_SOURCE) {\n                trace(\"音源为空，播放失败\");\n                await this.handlePlayFail();\n            } else if (message === PlayFailReason.PLAY_LIST_IS_EMPTY) {\n                // 队列是空的，不应该出现这种情况\n            }\n        }\n    }\n\n    async pause(): Promise<void> {\n        await ReactNativeTrackPlayer.pause();\n    }\n\n    toggleRepeatMode(): void {\n        this.setRepeatMode(TrackPlayer.toggleRepeatMapping[this.repeatMode]);\n    }\n\n    // 清空播放队列\n    async clearPlayList(): Promise<void> {\n        this.setPlayList([]);\n        this.setCurrentMusic(null);\n\n        await ReactNativeTrackPlayer.reset();\n        PersistStatus.set(\"music.musicItem\", undefined);\n        PersistStatus.set(\"music.progress\", 0);\n    }\n\n    async skipToNext(): Promise<void> {\n        if (this.isPlayListEmpty()) {\n            this.setCurrentMusic(null);\n            return;\n        }\n\n        await this.play(this.getPlayListMusicAt(this.currentIndex + 1), true);\n    }\n\n    async skipToPrevious(): Promise<void> {\n        if (this.isPlayListEmpty()) {\n            this.setCurrentMusic(null);\n            return;\n        }\n\n        await this.play(\n            this.getPlayListMusicAt(this.currentIndex === -1 ? 0 : this.currentIndex - 1),\n            true,\n        );\n    }\n\n    async changeQuality(newQuality: IMusic.IQualityKey): Promise<boolean> {\n        // 获取当前的音乐和进度\n        if (newQuality === this.quality) {\n            return true;\n        }\n\n        // 获取当前歌曲\n        const musicItem = this.currentMusic;\n        if (!musicItem) {\n            return false;\n        }\n        try {\n            const progress = await ReactNativeTrackPlayer.getProgress();\n            const plugin = this.pluginManagerService.getByMedia(musicItem);\n            const newSource = await plugin?.methods?.getMediaSource(\n                musicItem,\n                newQuality,\n            );\n            if (!newSource?.url) {\n                throw new Error(PlayFailReason.INVALID_SOURCE);\n            }\n            if (this.isCurrentMusic(musicItem)) {\n                const playingState = (\n                    await ReactNativeTrackPlayer.getPlaybackState()\n                ).state;\n                await this.setTrackSource(\n                    this.mergeTrackSource(musicItem, newSource) as unknown as Track,\n                    !musicIsPaused(playingState),\n                );\n\n                await this.seekTo(progress.position ?? 0);\n                this.setQuality(newQuality);\n            }\n            return true;\n        } catch {\n            // 修改失败\n            return false;\n        }\n    }\n\n    async playWithReplacePlayList(\n        musicItem: IMusic.IMusicItem,\n        newPlayList: IMusic.IMusicItem[],\n    ): Promise<void> {\n        if (newPlayList.length !== 0) {\n            const now = Date.now();\n            if (newPlayList.length > TrackPlayer.maxMusicQueueLength) {\n                newPlayList = this.shrinkPlayListToSize(\n                    newPlayList,\n                    newPlayList.findIndex(it => isSameMediaItem(it, musicItem)),\n                );\n            }\n\n            newPlayList.forEach((it, index) => {\n                it[timeStampSymbol] = now;\n                it[sortIndexSymbol] = index;\n            });\n\n            this.setPlayList(\n                this.repeatMode === MusicRepeatMode.SHUFFLE\n                    ? shuffle(newPlayList)\n                    : newPlayList,\n            );\n            await this.play(musicItem, true);\n        }\n    }\n\n    async seekTo(progress: number) {\n        PersistStatus.set(\"music.progress\", progress);\n        return ReactNativeTrackPlayer.seekTo(progress);\n    }\n\n    getProgress = ReactNativeTrackPlayer.getProgress;\n    getRate = ReactNativeTrackPlayer.getRate;\n    setRate = ReactNativeTrackPlayer.setRate;\n    reset = ReactNativeTrackPlayer.reset;\n\n\n    /**************** 辅助函数 -- 设置内部状态 ****************/\n\n    private setCurrentMusic(musicItem?: IMusic.IMusicItem | null) {\n        // 设置UI内部状态的musicitem\n        if (!musicItem) {\n            this.currentIndex = -1;\n            getDefaultStore().set(currentMusicAtom, null);\n            PersistStatus.set(\"music.musicItem\", undefined);\n            PersistStatus.set(\"music.progress\", 0);\n\n            this.emit(TrackPlayerEvents.CurrentMusicChanged, null);\n            return;\n        }\n        if (typeof musicItem.artwork !== \"string\") {\n            musicItem.artwork = ImgAsset.albumDefault;\n        }\n        this.currentIndex = this.getMusicIndexInPlayList(musicItem);\n        getDefaultStore().set(currentMusicAtom, musicItem);\n\n        this.emit(TrackPlayerEvents.CurrentMusicChanged, musicItem);\n    }\n\n    private setRepeatMode(mode: MusicRepeatMode) {\n        const playList = this.playList;\n        let newPlayList: IMusic.IMusicItem[];\n        const prevMode = getDefaultStore().get(repeatModeAtom);\n        if (\n            (prevMode === MusicRepeatMode.SHUFFLE &&\n                mode !== MusicRepeatMode.SHUFFLE) ||\n            (mode === MusicRepeatMode.SHUFFLE &&\n                prevMode !== MusicRepeatMode.SHUFFLE)\n        ) {\n            if (mode === MusicRepeatMode.SHUFFLE) {\n                newPlayList = shuffle(playList);\n            } else {\n                newPlayList = this.sortByTimestampAndIndex(playList, true);\n            }\n            this.setPlayList(newPlayList);\n        }\n\n        getDefaultStore().set(repeatModeAtom, mode);\n        // 更新下一首歌的信息\n        ReactNativeTrackPlayer.updateMetadataForTrack(\n            1,\n            this.getFakeNextTrack(),\n        );\n        // 记录\n        PersistStatus.set(\"music.repeatMode\", mode);\n    }\n\n    private setQuality(quality: IMusic.IQualityKey) {\n        getDefaultStore().set(qualityAtom, quality);\n        PersistStatus.set(\"music.quality\", quality);\n    }\n\n    // 设置音源\n    private async setTrackSource(track: Track, autoPlay = true) {\n        const clonedTrack = this.patchMediaArtwork(track);\n        if (!clonedTrack) {\n            return;\n        }\n        await ReactNativeTrackPlayer.setQueue([clonedTrack, this.getFakeNextTrack()]);\n        PersistStatus.set(\"music.musicItem\", track as IMusic.IMusicItem);\n        PersistStatus.set(\"music.progress\", 0);\n        if (autoPlay) {\n            await ReactNativeTrackPlayer.play();\n        }\n    }\n\n    /**\n     * 设置播放队列\n     * @param newPlayList 播放队列\n     * @param persist 是否持久化\n     */\n    private setPlayList(newPlayList: IMusic.IMusicItem[], persist = true) {\n        getDefaultStore().set(playListAtom, newPlayList);\n\n        this.playListIndexMap = createMediaIndexMap(newPlayList);\n\n        if (persist) {\n            PersistStatus.set(\"music.playList\", newPlayList);\n        }\n\n        this.currentIndex = this.getMusicIndexInPlayList(this.currentMusic);\n    }\n\n\n    /**************** 辅助函数 -- 工具方法 ****************/\n    private shrinkPlayListToSize = (\n        queue: IMusic.IMusicItem[],\n        targetIndex = this.currentIndex,\n    ) => {\n        // 播放列表上限，太多无法缓存状态\n        if (queue.length > TrackPlayer.maxMusicQueueLength) {\n            if (targetIndex < TrackPlayer.halfMaxMusicQueueLength) {\n                queue = queue.slice(0, TrackPlayer.maxMusicQueueLength);\n            } else {\n                const right = Math.min(\n                    queue.length,\n                    targetIndex + TrackPlayer.halfMaxMusicQueueLength,\n                );\n                const left = Math.max(0, right - TrackPlayer.maxMusicQueueLength);\n                queue = queue.slice(left, right);\n            }\n        }\n        return queue;\n    };\n\n    private mergeTrackSource(\n        mediaItem: ICommon.IMediaBase,\n        props: Record<string, any> | undefined,\n    ) {\n        return props\n            ? {\n                ...mediaItem,\n                ...props,\n                id: mediaItem.id,\n                platform: mediaItem.platform,\n            }\n            : mediaItem;\n    }\n\n    private sortByTimestampAndIndex(array: any[], newArray = false) {\n        if (newArray) {\n            array = [...array];\n        }\n        return array.sort((a, b) => {\n            const ts = a[timeStampSymbol] - b[timeStampSymbol];\n            if (ts !== 0) {\n                return ts;\n            }\n            return a[sortIndexSymbol] - b[sortIndexSymbol];\n        });\n    }\n\n    private getFakeNextTrack() {\n        let track: Track | undefined;\n        const repeatMode = this.repeatMode;\n        if (repeatMode === MusicRepeatMode.SINGLE) {\n            // 单曲循环\n            track = this.getPlayListMusicAt(this.currentIndex) as Track;\n        } else {\n            // 下一曲\n            track = this.getPlayListMusicAt(this.currentIndex + 1) as Track;\n        }\n\n        if (track) {\n            return produce(track, _ => {\n                _.url = TrackPlayer.fakeAudioUrl;\n                _.$ = internalFakeSoundKey;\n                _.artwork = resolveImportedAssetOrPath(ImgAsset.albumDefault) as unknown as any;\n            });\n        } else {\n            // 只有列表长度为0时才会出现的特殊情况\n            return {\n                url: TrackPlayer.fakeAudioUrl,\n                $: internalFakeSoundKey,\n            } as Track;\n        }\n    }\n\n\n    private async handlePlayFail() {\n        // 如果自动跳转下一曲, 500s后自动跳转\n        if (!this.configService.getConfig(\"basic.autoStopWhenError\")) {\n            await delay(500);\n            await this.skipToNext();\n        }\n    }\n\n    /**\n *\n * @param musicItem 音乐类型\n * @param type 媒体类型\n * @param abortFunction 如果函数为true，则中断\n * @returns\n */\n    private async getSimilarMusic<T extends ICommon.SupportMediaType>(\n        musicItem: IMusic.IMusicItem,\n        type: T = \"music\" as T,\n        abortFunction?: () => boolean,\n    ): Promise<ICommon.SupportMediaItemBase[T] | null> {\n        const keyword = musicItem.alias || musicItem.title;\n        const plugins = this.pluginManagerService.getSearchablePlugins(type);\n\n        let distance = Infinity;\n        let minDistanceMusicItem;\n        let targetPlugin;\n\n        const startTime = Date.now();\n\n        for (let plugin of plugins) {\n            // 超时时间：8s\n            if (abortFunction?.() || Date.now() - startTime > 8000) {\n                break;\n            }\n            if (plugin.name === musicItem.platform) {\n                continue;\n            }\n            const results = await plugin.methods\n                .search(keyword, 1, type)\n                .catch(() => null);\n\n            // 取前两个\n            const firstTwo = results?.data?.slice(0, 2) || [];\n\n            for (let item of firstTwo) {\n                if (item.title === keyword && item.artist === musicItem.artist) {\n                    distance = 0;\n                    minDistanceMusicItem = item;\n                    targetPlugin = plugin;\n                    break;\n                } else {\n                    const dist =\n                        minDistance(keyword, musicItem.title) +\n                        minDistance(item.artist, musicItem.artist);\n                    if (dist < distance) {\n                        distance = dist;\n                        minDistanceMusicItem = item;\n                        targetPlugin = plugin;\n                    }\n                }\n            }\n\n            if (distance === 0) {\n                break;\n            }\n        }\n        if (minDistanceMusicItem && targetPlugin) {\n            return minDistanceMusicItem as ICommon.SupportMediaItemBase[T];\n        }\n\n        return null;\n    }\n\n\n    private patchMediaArtwork(track: Track) {\n        // Bug: React native track player 在设置音频时，artwork不能为null，并且部分情况下artwork不能为ImageSource类型\n        if (!track) {\n            return null;\n        }\n        return {\n            ...track,\n            artwork: resolveImportedAssetOrPath(\n                track.artwork?.trim?.()?.length ? track.artwork : ImgAsset.albumDefault,\n            ) as unknown as any,\n        };\n    }\n\n}\n\nexport const usePlayList = () => useAtomValue(playListAtom);\nexport const useCurrentMusic = () => useAtomValue(currentMusicAtom);\nexport const useRepeatMode = () => useAtomValue(repeatModeAtom);\nexport const useMusicQuality = () => useAtomValue(qualityAtom);\nexport function useMusicState() {\n    const playbackState = usePlaybackState();\n\n    return playbackState.state;\n}\nexport { State as MusicState, useProgress };\n\nenum PlayFailReason {\n    /** 禁止移动网络播放 */\n    FORBID_CELLUAR_NETWORK_PLAY = \"FORBID_CELLUAR_NETWORK_PLAY\",\n    /** 播放列表为空 */\n    PLAY_LIST_IS_EMPTY = \"PLAY_LIST_IS_EMPTY\",\n    /** 无效源 */\n    INVALID_SOURCE = \"INVALID_SOURCE\",\n    /** 非当前音乐 */\n}\n\nconst trackPlayer = new TrackPlayer();\nexport default trackPlayer;"
  },
  {
    "path": "src/core.defination/trackPlayer/index.ts",
    "content": "export enum TrackPlayerEvents {\n    // 一首歌曲播放结束\n    PlayEnd = \"play-end\",\n    // 更换正在播放的歌曲\n    CurrentMusicChanged = \"current-music-changed\",\n    // 进度更新\n    ProgressChanged = \"progress-changed\",\n}"
  },
  {
    "path": "src/entry/bootstrap/BootstrapComponent.tsx",
    "content": "import { useAppConfig } from \"@/core/appConfig\";\nimport Theme from \"@/core/theme\";\nimport useCheckUpdate from \"@/hooks/useCheckUpdate\";\nimport { useListenOrientationChange } from \"@/hooks/useOrientation\";\nimport { getDefaultStore, useAtomValue } from \"jotai\";\nimport { useEffect } from \"react\";\nimport { AppState, NativeEventSubscription, useColorScheme } from \"react-native\";\nimport bootstrapAtom from \"./bootstrap.atom\";\nimport { initTrackPlayer } from \"./bootstrap\";\nimport { showDialog } from \"@/components/dialogs/useDialog\";\nimport i18n from \"@/core/i18n\";\n\nexport function BootstrapComponent() {\n    const bootstrapState = useAtomValue(bootstrapAtom);\n\n    useListenOrientationChange();\n    useCheckUpdate();\n\n    const followSystem = useAppConfig(\"theme.followSystem\");\n\n    const colorScheme = useColorScheme();\n\n    useEffect(() => {\n        if (followSystem) {\n            if (colorScheme === \"dark\") {\n                Theme.setTheme(\"p-dark\");\n            } else if (colorScheme === \"light\") {\n                Theme.setTheme(\"p-light\");\n            }\n        }\n    }, [colorScheme, followSystem]);\n\n    useEffect(() => {\n        let appStateEventSubscription: NativeEventSubscription | null = null;\n\n        const reinitializeTrackPlayerWithDialog = () => {\n            showDialog(\"LoadingDialog\", {\n                title: i18n.t(\"dialog.loading.reinitializeTrackPlayer\"), \n                promise: initTrackPlayer(),\n                onResolve(data, hideDialog) {\n                    hideDialog();\n                },\n                onReject(reason, hideDialog) {\n                    hideDialog();\n                },\n            });\n        };\n\n        if (bootstrapState.state === \"TrackPlayerError\") {\n            if (AppState.currentState === \"active\") {\n                reinitializeTrackPlayerWithDialog();\n            } else {\n                appStateEventSubscription = AppState.addEventListener(\"change\", (nextState) => {\n                    if (nextState === \"active\" && getDefaultStore().get(bootstrapAtom).state === \"TrackPlayerError\") {\n                        reinitializeTrackPlayerWithDialog();\n                    }\n                });\n            }\n        }\n\n        return () => {\n            if (appStateEventSubscription) {\n                appStateEventSubscription.remove();\n            }\n        };\n    }, [bootstrapState]);\n\n    return null;\n}\n"
  },
  {
    "path": "src/entry/bootstrap/bootstrap.atom.ts",
    "content": "import { atom } from \"jotai\";\n\n\ninterface IBootStrapState {\n    state: \"Loading\" | \"Done\" | \"Fatal\" | \"TrackPlayerError\"\n    reason?: Error,\n}\nconst bootstrapAtom = atom<IBootStrapState>({\n    state: \"Loading\",\n});\n\nexport default bootstrapAtom;"
  },
  {
    "path": "src/entry/bootstrap/bootstrap.ts",
    "content": "import \"react-native-get-random-values\";\n\nimport { getCurrentDialog, showDialog } from \"@/components/dialogs/useDialog.ts\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport { emptyFunction, localPluginHash, supportLocalMediaType } from \"@/constants/commonConst\";\nimport pathConst from \"@/constants/pathConst\";\nimport Config from \"@/core/appConfig\";\nimport downloader, { DownloadFailReason, DownloaderEvent } from \"@/core/downloader\";\nimport LocalMusicSheet from \"@/core/localMusicSheet\";\nimport lyricManager from \"@/core/lyricManager\";\nimport musicHistory from \"@/core/musicHistory\";\nimport MusicSheet from \"@/core/musicSheet\";\nimport PluginManager from \"@/core/pluginManager\";\nimport Theme from \"@/core/theme\";\nimport TrackPlayer from \"@/core/trackPlayer\";\nimport NativeUtils from \"@/native/utils\";\nimport { checkAndCreateDir } from \"@/utils/fileUtils\";\nimport { errorLog, trace } from \"@/utils/log\";\nimport { IPerfLogger, perfLogger } from \"@/utils/perfLogger\";\nimport PersistStatus from \"@/utils/persistStatus\";\nimport Toast from \"@/utils/toast\";\nimport * as SplashScreen from \"expo-splash-screen\";\nimport {  Linking, Platform } from \"react-native\";\nimport { PERMISSIONS, check, request } from \"react-native-permissions\";\nimport RNTrackPlayer, { AppKilledPlaybackBehavior, Capability } from \"react-native-track-player\";\nimport i18n from \"@/core/i18n\";\nimport bootstrapAtom from \"./bootstrap.atom\";\nimport { getDefaultStore } from \"jotai\";\n\n\n// 依赖管理\nPluginManager.injectDependencies(Config);\nmusicHistory.injectDependencies(Config);\nTrackPlayer.injectDependencies(Config, musicHistory, PluginManager);\ndownloader.injectDependencies(Config, PluginManager);\nlyricManager.injectDependencies(TrackPlayer, Config, PluginManager);\nMusicSheet.injectDependencies(Config);\n\n\nasync function bootstrapImpl() {\n    await SplashScreen.preventAutoHideAsync()\n        .then(result =>\n            console.log(\n                `SplashScreen.preventAutoHideAsync() succeeded: ${result}`,\n            ),\n        )\n        .catch(console.warn); // it's good to explicitly catch and inspect any error\n    const logger = perfLogger();\n    // 1. 检查权限\n    if (Platform.OS === \"android\" && Platform.Version >= 30) {\n        const hasPermission = await NativeUtils.checkStoragePermission();\n        if (\n            !hasPermission &&\n            !PersistStatus.get(\"app.skipBootstrapStorageDialog\")\n        ) {\n            showDialog(\"CheckStorage\");\n        }\n    } else {\n        const [readStoragePermission, writeStoragePermission] =\n            await Promise.all([\n                check(PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE),\n                check(PERMISSIONS.ANDROID.WRITE_EXTERNAL_STORAGE),\n            ]);\n        if (\n            !(\n                readStoragePermission === \"granted\" &&\n                writeStoragePermission === \"granted\"\n            )\n        ) {\n            await request(PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE);\n            await request(PERMISSIONS.ANDROID.WRITE_EXTERNAL_STORAGE);\n        }\n    }\n    logger.mark(\"权限检查完成\");\n\n    // 2. 数据初始化\n    /** 初始化路径 */\n    await setupFolder();\n    trace(\"文件夹初始化完成\");\n    logger.mark(\"文件夹初始化完成\");\n\n\n\n    // 加载配置\n    await Promise.all([\n        Config.setup().then(() => {\n            logger.mark(\"Config\");\n        }),\n        MusicSheet.setup().then(() => {\n            logger.mark(\"MusicSheet\");\n        }),\n        musicHistory.setup().then(() => {\n            logger.mark(\"musicHistory\");\n        }),\n    ]);\n    trace(\"配置初始化完成\");\n    logger.mark(\"配置初始化完成\");\n\n    // 加载插件\n    await PluginManager.setup();\n    logger.mark(\"插件初始化完成\");\n    trace(\"插件初始化完成\");\n\n    await initTrackPlayer(logger).catch(err => {\n        // 初始化播放器出错，延迟初始化\n        const bootstrapState = getDefaultStore().get(bootstrapAtom);\n\n        if (bootstrapState.state === \"Loading\") {\n            getDefaultStore().set(bootstrapAtom, {\n                state: \"TrackPlayerError\",\n                reason: err,\n            });\n        }\n    });\n\n    await LocalMusicSheet.setup();\n    trace(\"本地音乐初始化完成\");\n    logger.mark(\"本地音乐初始化完成\");\n\n    Theme.setup();\n    trace(\"主题初始化完成\");\n    logger.mark(\"主题初始化完成\");\n\n    extraMakeup();\n\n    i18n.setup();\n    logger.mark(\"语言模块初始化完成\");\n    \n    ErrorUtils.setGlobalHandler(error => {\n        errorLog(\"未捕获的错误\", error);\n    });\n}\n\n/** 初始化 */\nasync function setupFolder() {\n    await Promise.all([\n        checkAndCreateDir(pathConst.dataPath),\n        checkAndCreateDir(pathConst.logPath),\n        checkAndCreateDir(pathConst.cachePath),\n        checkAndCreateDir(pathConst.pluginPath),\n        checkAndCreateDir(pathConst.lrcCachePath),\n        checkAndCreateDir(pathConst.downloadCachePath),\n        checkAndCreateDir(pathConst.localLrcPath),\n        checkAndCreateDir(pathConst.downloadPath).then(() => {\n            checkAndCreateDir(pathConst.downloadMusicPath);\n        }),\n    ]);\n}\n\nexport async function initTrackPlayer(logger?: IPerfLogger) {\n    try {\n        await RNTrackPlayer.setupPlayer({\n            maxCacheSize:\n                Config.getConfig(\"basic.maxCacheSize\") ?? 1024 * 1024 * 512,\n        });\n    } catch (e: any) {\n        if (\n            e?.message !==\n            \"The player has already been initialized via setupPlayer.\"\n        ) {\n            throw e;\n        }\n    }\n    logger?.mark(\"加载播放器\");\n\n    const capabilities = Config.getConfig(\"basic.showExitOnNotification\")\n        ? [\n            Capability.Play,\n            Capability.Pause,\n            Capability.SkipToNext,\n            Capability.SkipToPrevious,\n            Capability.Stop,\n        ]\n        : [\n            Capability.Play,\n            Capability.Pause,\n            Capability.SkipToNext,\n            Capability.SkipToPrevious,\n        ];\n    await RNTrackPlayer.updateOptions({\n        icon: ImgAsset.logoTransparent,\n        progressUpdateEventInterval: 1,\n        android: {\n            alwaysPauseOnInterruption: true,\n            appKilledPlaybackBehavior:\n                AppKilledPlaybackBehavior.ContinuePlayback,\n        },\n        capabilities: capabilities,\n        compactCapabilities: capabilities,\n        notificationCapabilities: [...capabilities, Capability.SeekTo],\n    });\n    logger?.mark(\"播放器初始化完成\");\n    trace(\"播放器初始化完成\");\n\n    await TrackPlayer.setupTrackPlayer();\n    trace(\"播放列表初始化完成\");\n    logger?.mark(\"播放列表初始化完成\");\n\n    await lyricManager.setup();\n\n    logger?.mark(\"歌词初始化完成\");\n}\n\n\n/** 不需要阻塞的 */\nasync function extraMakeup() {\n    // 自动更新\n    try {\n        if (Config.getConfig(\"basic.autoUpdatePlugin\")) {\n            const lastUpdated = PersistStatus.get(\"app.pluginUpdateTime\") || 0;\n            const now = Date.now();\n            if (Math.abs(now - lastUpdated) > 86400000) {\n                PersistStatus.set(\"app.pluginUpdateTime\", now);\n                const plugins = PluginManager.getEnabledPlugins();\n                for (let i = 0; i < plugins.length; ++i) {\n                    const srcUrl = plugins[i].instance.srcUrl;\n                    if (srcUrl) {\n                        // 静默失败\n                        await PluginManager.installPluginFromUrl(srcUrl).catch(emptyFunction);\n                    }\n                }\n            }\n        }\n    } catch { }\n\n    async function handleLinkingUrl(url: string) {\n        // 插件\n        try {\n            if (url.startsWith(\"musicfree://install/\")) {\n                const plugins = url\n                    .slice(20)\n                    .split(\",\")\n                    .map(decodeURIComponent);\n                await Promise.all(\n                    plugins.map(it =>\n                        PluginManager.installPluginFromUrl(it).catch(emptyFunction),\n                    ),\n                );\n                Toast.success(\"安装成功~\");\n            } else if (url.endsWith(\".js\")) {\n                PluginManager.installPluginFromLocalFile(url, {\n                    notCheckVersion: Config.getConfig(\n                        \"basic.notCheckPluginVersion\",\n                    ),\n                })\n                    .then(res => {\n                        if (res.success) {\n                            Toast.success(`插件「${res.pluginName}」安装成功~`);\n                        } else {\n                            Toast.warn(\"安装失败: \" + res.message);\n                        }\n                    })\n                    .catch(e => {\n                        console.log(e);\n                        Toast.warn(e?.message ?? \"无法识别此插件\");\n                    });\n            } else if (supportLocalMediaType.some(it => url.endsWith(it))) {\n                // 本地播放\n                const musicItem = await PluginManager.getByHash(\n                    localPluginHash,\n                )?.instance?.importMusicItem?.(url);\n                console.log(musicItem);\n                if (musicItem) {\n                    TrackPlayer.play(musicItem);\n                }\n            }\n        } catch { }\n    }\n\n    // 开启监听\n    Linking.addEventListener(\"url\", data => {\n        if (data.url) {\n            handleLinkingUrl(data.url);\n        }\n    });\n    const initUrl = await Linking.getInitialURL();\n    if (initUrl) {\n        handleLinkingUrl(initUrl);\n    }\n\n    if (Config.getConfig(\"basic.autoPlayWhenAppStart\")) {\n        TrackPlayer.play();\n    }\n}\n\n\nfunction bindEvents() {\n    // 下载事件\n    downloader.on(DownloaderEvent.DownloadError, (reason) => {\n        if (reason === DownloadFailReason.NetworkOffline) {\n            Toast.warn(\"当前无网络连接，请等待网络恢复后重试\");\n        } else if (reason === DownloadFailReason.NotAllowToDownloadInCellular) {\n            if (getCurrentDialog()?.name !== \"SimpleDialog\") {\n                showDialog(\"SimpleDialog\", {\n                    title: \"流量提醒\",\n                    content: \"当前非WIFI环境，为节省流量，请到侧边栏设置中打开【使用移动网络下载】功能后方可继续下载\",\n                });\n            }\n        }\n    });\n\n    downloader.on(DownloaderEvent.DownloadQueueCompleted, () => {\n        Toast.success(\"下载任务已完成\");\n    });\n}\n\nexport default async function () {\n    try {\n        getDefaultStore().set(bootstrapAtom, {\n            \"state\": \"Loading\",\n        });\n        await bootstrapImpl();\n        bindEvents();\n        getDefaultStore().set(bootstrapAtom, {\n            \"state\": \"Done\",\n        });\n    } catch (e: any) {\n        errorLog(\"初始化出错\", e);\n        if (getDefaultStore().get(bootstrapAtom).state === \"Loading\") {\n            getDefaultStore().set(bootstrapAtom, {\n                state: \"Fatal\",\n                reason: e,\n            });\n        }\n    }\n    // 隐藏开屏动画\n    console.log(\"HIDE\");\n    await SplashScreen.hideAsync();\n}"
  },
  {
    "path": "src/entry/index.tsx",
    "content": "import React from \"react\";\nimport { NavigationContainer } from \"@react-navigation/native\";\nimport { createNativeStackNavigator } from \"@react-navigation/native-stack\";\nimport bootstrap from \"./bootstrap/bootstrap\";\nimport { GestureHandlerRootView } from \"react-native-gesture-handler\";\nimport Dialogs from \"@/components/dialogs\";\nimport Panels from \"@/components/panels\";\nimport PageBackground from \"@/components/base/pageBackground\";\nimport { SafeAreaProvider } from \"react-native-safe-area-context\";\nimport Debug from \"@/components/debug\";\nimport { PortalHost } from \"@/components/base/portal\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport Theme from \"@/core/theme\";\nimport { BootstrapComponent } from \"./bootstrap/BootstrapComponent\";\nimport { ToastBaseComponent } from \"@/components/base/toast\";\nimport { StatusBar } from \"react-native\";\nimport { ReduceMotion, ReducedMotionConfig } from \"react-native-reanimated\";\nimport { routes } from \"@/core/router/routes.tsx\";\nimport ErrorBoundary from \"@/components/errorBoundary\";\n\n/**\n * 字体颜色\n */\n\nStatusBar.setBackgroundColor(\"transparent\");\nStatusBar.setTranslucent(true);\n\nbootstrap();\nconst Stack = createNativeStackNavigator<any>();\n\nexport default function Pages() {\n    const theme = Theme.useTheme();\n\n    return (\n        <ErrorBoundary>\n            <BootstrapComponent />\n            <ReducedMotionConfig mode={ReduceMotion.Never} />\n            <GestureHandlerRootView style={globalStyle.flex1}>\n                <SafeAreaProvider>\n                    <NavigationContainer theme={theme}>\n                        <PageBackground />\n                        <Stack.Navigator\n                            initialRouteName={routes[0].path}\n                            screenOptions={{\n                                headerShown: false,\n                                animation: \"slide_from_right\",\n                                animationDuration: 100,\n                            }}>\n                            {routes.map(route => (\n                                <Stack.Screen\n                                    key={route.path}\n                                    name={route.path}\n                                    component={route.component}\n                                />\n                            ))}\n                        </Stack.Navigator>                        \n                        <Panels />\n                        <Dialogs />\n                        <Debug />\n                        <ToastBaseComponent />\n                        <PortalHost />\n                    </NavigationContainer>\n                </SafeAreaProvider>\n            </GestureHandlerRootView>\n        </ErrorBoundary>\n    );\n}\n"
  },
  {
    "path": "src/hooks/useCheckUpdate.ts",
    "content": "import { showDialog } from \"@/components/dialogs/useDialog\";\nimport PersistStatus from \"@/utils/persistStatus\";\nimport checkUpdate from \"@/utils/checkUpdate\";\nimport Toast from \"@/utils/toast\";\nimport { compare } from \"compare-versions\";\nimport { useEffect } from \"react\";\nimport i18n from \"@/core/i18n\";\n\nexport const checkUpdateAndShowResult = (\n    showToast = false,\n    checkSkip = false,\n) => {\n    checkUpdate().then(updateInfo => {\n        if (updateInfo?.needUpdate) {\n            const { data } = updateInfo;\n            const skipVersion = PersistStatus.get(\"app.skipVersion\");\n            console.log(skipVersion, data);\n            if (\n                checkSkip &&\n                skipVersion &&\n                compare(skipVersion, data.version, \">=\")\n            ) {\n                return;\n            }\n            showDialog(\"DownloadDialog\", {\n                version: data.version,\n                content: data.changeLog,\n                fromUrl: data.download[0],\n                backUrl: data.download[1],\n            });\n        } else {\n            if (showToast) {\n                Toast.success(i18n.t(\"checkUpdate.error.latestVersion\"));\n            }\n        }\n    });\n};\n\nexport default function (callOnMount = true) {\n    useEffect(() => {\n        if (callOnMount) {\n            checkUpdateAndShowResult(false, true);\n        }\n    }, []);\n\n    return checkUpdateAndShowResult;\n}\n"
  },
  {
    "path": "src/hooks/useColors.ts",
    "content": "import { Theme, useTheme } from \"@react-navigation/native\";\nimport Color from \"color\";\nimport { useMemo } from \"react\";\n\ntype IColors = Theme[\"colors\"];\n\nexport interface CustomizedColors extends IColors {\n    /** 普通文字 */\n    text: string;\n    /** 副标题文字颜色 */\n    textSecondary?: string;\n    /** 高亮文本颜色，也就是主色调 */\n    textHighlight?: string;\n    /** 页面背景 */\n    pageBackground?: string;\n    /** 阴影 */\n    shadow?: string;\n    /** 标题栏颜色 */\n    appBar?: string;\n    /** 标题栏字体颜色 */\n    appBarText?: string;\n    /** 音乐栏颜色 */\n    musicBar?: string;\n    /** 音乐栏字体颜色 */\n    musicBarText?: string;\n    /** 分割线 */\n    divider?: string;\n    /** 高亮颜色 */\n    listActive?: string;\n    /** 输入框背景色 */\n    placeholder?: string;\n    /** 弹窗、浮层、菜单背景色 */\n    backdrop?: string;\n    /** 卡片背景色 */\n    card: string;\n    /** paneltabbar 背景色 */\n    tabBar?: string;\n}\n\nexport default function useColors() {\n    const { colors } = useTheme();\n\n    const cColors: CustomizedColors = useMemo(() => {\n        return {\n            ...colors,\n            textSecondary: Color(colors.text).alpha(0.7).toString(),\n            // @ts-ignore\n            background: colors.pageBackground ?? colors.background,\n        };\n    }, [colors]);\n\n    return cColors;\n}\n"
  },
  {
    "path": "src/hooks/useDelayFalsy.ts",
    "content": "import { useRef, useState } from \"react\";\n\nexport default function useDelayFalsy<T extends any = any>(\n    init?: T,\n    ms: number = 0,\n) {\n    const [_state, _setState] = useState<T | undefined>(init);\n    const timer = useRef<any>();\n\n    function setState(st: T) {\n        if (st === undefined || st === null || st === false) {\n            timer.current && clearTimeout(timer.current);\n            timer.current = setTimeout(() => {\n                _setState(st);\n                timer.current = undefined;\n            }, ms);\n            return;\n        }\n        timer.current && clearTimeout(timer.current);\n        timer.current = undefined;\n        _setState(st);\n    }\n\n    return [_state, setState, _setState] as [\n        ...ReturnType<typeof useState<T>>,\n        ReturnType<typeof useState<T>>[1],\n    ];\n}\n"
  },
  {
    "path": "src/hooks/useHardwareBack.ts",
    "content": "import { useEffect, useRef } from \"react\";\nimport { BackHandler, NativeEventSubscription } from \"react-native\";\n\nexport default function (\n    onHardwareBackPress: () => boolean | null | undefined,\n    deps: any[] = [],\n) {\n    const backHandlerRef = useRef<NativeEventSubscription>();\n    useEffect(() => {\n        if (backHandlerRef.current) {\n            backHandlerRef.current.remove();\n            backHandlerRef.current = undefined;\n        }\n\n        backHandlerRef.current = BackHandler.addEventListener(\n            \"hardwareBackPress\",\n            onHardwareBackPress,\n        );\n\n        return () => {\n            if (backHandlerRef.current) {\n                backHandlerRef.current.remove();\n                backHandlerRef.current = undefined;\n            }\n        };\n    }, deps);\n}\n"
  },
  {
    "path": "src/hooks/useLogRerender.ts",
    "content": "import { useEffect, useRef } from \"react\";\n\nexport default function (msg?: string, deps: any[] = []) {\n    const idRef = useRef<number>();\n    useEffect(() => {\n        idRef.current = Math.random();\n        console.log(\"Mount\", msg ?? \"\", idRef.current);\n        return () => {\n            console.log(\"Unmount\", msg ?? \"\", idRef.current);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (deps?.length !== 0) {\n            console.log(\"State Change\", msg ?? \"\", idRef.current);\n        }\n    }, deps);\n\n    useEffect(() => {\n        idRef.current && console.log(\"Rerender: \", msg ?? \"\", idRef.current);\n    });\n}\n"
  },
  {
    "path": "src/hooks/useMounted.ts",
    "content": "import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport function useOnMounted() {\n    const onMounted = useRef(false);\n    const [isLoading, setLoading] = useState(true);\n\n    useEffect(() => {\n        onMounted.current = true;\n        setTimeout(() => {\n            setLoading(false);\n        });\n\n        return () => {\n            onMounted.current = false;\n        };\n    }, []);\n\n    return { onMounted: useCallback(() => onMounted.current, []), isLoading };\n}\n"
  },
  {
    "path": "src/hooks/useOnceEffect.ts",
    "content": "import { useEffect, useRef } from \"react\";\n\nexport default function useOnceEffect(\n    cb: () => (() => void) | void,\n    deps?: any[],\n) {\n    const flag = useRef<boolean>(false);\n\n    useEffect(() => {\n        let result;\n        if (flag.current) {\n            return result;\n        }\n        if (!deps || deps.every(_ => !!_)) {\n            flag.current = true;\n            result = cb();\n        }\n        return result;\n    }, deps);\n}\n"
  },
  {
    "path": "src/hooks/useOrientation.ts",
    "content": "import { atom, useAtomValue, useSetAtom } from \"jotai\";\nimport { useEffect } from \"react\";\nimport { Dimensions } from \"react-native\";\n\nconst orientationAtom = atom<\"vertical\" | \"horizontal\">(\"vertical\");\n\nexport function useListenOrientationChange() {\n    const setOrientationAtom = useSetAtom(orientationAtom);\n    useEffect(() => {\n        const windowSize = Dimensions.get(\"window\");\n        const { width, height } = windowSize;\n        if (width < height) {\n            setOrientationAtom(\"vertical\");\n        } else {\n            setOrientationAtom(\"horizontal\");\n        }\n        const subscription = Dimensions.addEventListener(\"change\", e => {\n            if (e.window.width < e.window.height) {\n                setOrientationAtom(\"vertical\");\n            } else {\n                setOrientationAtom(\"horizontal\");\n            }\n        });\n\n        return () => {\n            subscription?.remove();\n        };\n    }, []);\n}\n\nexport default function useOrientation() {\n    return useAtomValue(orientationAtom);\n}\n"
  },
  {
    "path": "src/hooks/usePrimaryColor.ts",
    "content": "import useColors from \"./useColors\";\n\nexport default function usePrimaryColor() {\n    const colors = useColors();\n    return colors.primary;\n}\n"
  },
  {
    "path": "src/hooks/useRerender.ts",
    "content": "import { useCallback, useState } from \"react\";\n\nexport default function useRerender() {\n    const [, setRerender] = useState(0);\n\n    const rerender = useCallback(() => {\n        setRerender((prev) => prev + 1);\n    }, []);\n\n    return rerender;\n}"
  },
  {
    "path": "src/hooks/useTextColor.ts",
    "content": "import useColors from \"./useColors\";\n\nexport default function useTextColor() {\n    const colors = useColors();\n    return colors.text;\n}\n"
  },
  {
    "path": "src/lib/react-native-vdebug/index.js",
    "content": "/// 魔改自 https://github.com/itenl/react-native-vdebug\r\nimport PropTypes from 'prop-types';\r\nimport React, {PureComponent} from 'react';\r\nimport {\r\n    Animated,\r\n    Dimensions,\r\n    Keyboard,\r\n    KeyboardAvoidingView,\r\n    NativeModules,\r\n    PanResponder,\r\n    Platform,\r\n    ScrollView,\r\n    StyleSheet,\r\n    Text,\r\n    TextInput,\r\n    TouchableOpacity,\r\n    View,\r\n} from 'react-native';\r\nimport event from './src/event';\r\n// import Network, { traceNetwork } from './src/network';\r\nimport Log, {traceLog} from './src/log';\r\nimport HocComp from './src/hoc';\r\nimport Storage from './src/storage';\r\nimport {replaceReg} from './src/tool';\r\n\r\nconst {width, height} = Dimensions.get('window');\r\n\r\nlet commandContext = global;\r\n\r\nexport const setExternalContext = externalContext => {\r\n    if (externalContext) commandContext = externalContext;\r\n};\r\n\r\n// Log/network trace when Element is not initialized.\r\nexport const initTrace = () => {\r\n    traceLog();\r\n    //   traceNetwork();\r\n};\r\n\r\nclass VDebug extends PureComponent {\r\n    static propTypes = {\r\n        // Expansion panel (Optional)\r\n        panels: PropTypes.array,\r\n    };\r\n\r\n    static defaultProps = {\r\n        panels: null,\r\n    };\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        initTrace();\r\n        this.containerHeight = (height / 3) * 2;\r\n        this.refsObj = {};\r\n        this.state = {\r\n            commandValue: '',\r\n            showPanel: false,\r\n            currentPageIndex: 0,\r\n            pan: new Animated.ValueXY(),\r\n            scale: new Animated.Value(1),\r\n            panelHeight: new Animated.Value(0),\r\n            panels: this.addPanels(),\r\n            history: [],\r\n            historyFilter: [],\r\n            showHistory: false,\r\n        };\r\n        this.panResponder = PanResponder.create({\r\n            onStartShouldSetPanResponder: () => true,\r\n            onPanResponderGrant: () => {\r\n                this.state.pan.setOffset({\r\n                    x: this.state.pan.x._value,\r\n                    y: this.state.pan.y._value,\r\n                });\r\n                this.state.pan.setValue({x: 0, y: 0});\r\n                Animated.spring(this.state.scale, {\r\n                    useNativeDriver: true,\r\n                    toValue: 1.3,\r\n                    friction: 7,\r\n                }).start();\r\n            },\r\n            onPanResponderMove: Animated.event([\r\n                null,\r\n                {dx: this.state.pan.x, dy: this.state.pan.y},\r\n            ]),\r\n            onPanResponderRelease: ({nativeEvent}, gestureState) => {\r\n                if (\r\n                    Math.abs(gestureState.dx) < 5 &&\r\n                    Math.abs(gestureState.dy) < 5\r\n                )\r\n                    this.togglePanel();\r\n                setTimeout(() => {\r\n                    Animated.spring(this.state.scale, {\r\n                        useNativeDriver: true,\r\n                        toValue: 1,\r\n                        friction: 7,\r\n                    }).start(() => {\r\n                        this.setState({\r\n                            top: nativeEvent.pageY,\r\n                        });\r\n                    });\r\n                    this.state.pan.flattenOffset();\r\n                }, 0);\r\n            },\r\n        });\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.state.pan.setValue({x: 0, y: 0});\r\n        Storage.support() &&\r\n            Storage.get('react-native-vdebug@history').then(res => {\r\n                if (res) {\r\n                    this.setState({\r\n                        history: res,\r\n                    });\r\n                }\r\n            });\r\n    }\r\n\r\n    getRef(index) {\r\n        return ref => {\r\n            if (!this.refsObj[index]) this.refsObj[index] = ref;\r\n        };\r\n    }\r\n\r\n    addPanels() {\r\n        let defaultPanels = [\r\n            {\r\n                title: 'Log',\r\n                component: HocComp(Log, this.getRef(0)),\r\n            },\r\n            //   {\r\n            //     title: 'Network',\r\n            //     component: HocComp(Network, this.getRef(1))\r\n            //   },\r\n        ];\r\n        if (this.props.panels && this.props.panels.length) {\r\n            this.props.panels.forEach((item, index) => {\r\n                // support up to five extended panels\r\n                if (index >= 3) return;\r\n                if (item.title && item.component) {\r\n                    item.component = HocComp(\r\n                        item.component,\r\n                        this.getRef(defaultPanels.length),\r\n                    );\r\n                    defaultPanels.push(item);\r\n                }\r\n            });\r\n        }\r\n        return defaultPanels;\r\n    }\r\n\r\n    togglePanel() {\r\n        this.state.panelHeight.setValue(\r\n            this.state.panelHeight._value ? 0 : this.containerHeight,\r\n        );\r\n    }\r\n\r\n    clearLogs() {\r\n        const tabName = this.state.panels[this.state.currentPageIndex].title;\r\n        event.trigger('clear', tabName);\r\n    }\r\n\r\n    showDev() {\r\n        NativeModules?.DevMenu?.show();\r\n    }\r\n\r\n    reloadDev() {\r\n        NativeModules?.DevMenu?.reload();\r\n    }\r\n\r\n    evalInContext(js, context) {\r\n        return function (str) {\r\n            let result = '';\r\n            try {\r\n                // eslint-disable-next-line no-eval\r\n                result = eval(str);\r\n            } catch (err) {\r\n                result = 'Invalid input';\r\n            }\r\n            return event.trigger('addLog', result);\r\n        }.call(context, `with(this) { ${js} } `);\r\n    }\r\n\r\n    execCommand() {\r\n        if (!this.state.commandValue) return;\r\n        this.evalInContext(this.state.commandValue, commandContext);\r\n        this.syncHistory();\r\n        Keyboard.dismiss();\r\n    }\r\n\r\n    clearCommand() {\r\n        this.textInput.clear();\r\n        this.setState({\r\n            historyFilter: [],\r\n        });\r\n    }\r\n\r\n    scrollToPage(index, animated = true) {\r\n        this.scrollToCard(index, animated);\r\n    }\r\n\r\n    scrollToCard(cardIndex, animated = true) {\r\n        if (cardIndex < 0) cardIndex = 0;\r\n        else if (cardIndex >= this.cardCount) cardIndex = this.cardCount - 1;\r\n        if (this.scrollView) {\r\n            this.scrollView.scrollTo({\r\n                x: width * cardIndex,\r\n                y: 0,\r\n                animated: animated,\r\n            });\r\n        }\r\n    }\r\n\r\n    scrollToTop() {\r\n        const item = this.refsObj[this.state.currentPageIndex];\r\n        const instance = item?.getScrollRef && item?.getScrollRef();\r\n        if (instance) {\r\n            // FlatList\r\n            instance.scrollToOffset &&\r\n                instance.scrollToOffset({\r\n                    animated: true,\r\n                    viewPosition: 0,\r\n                    index: 0,\r\n                });\r\n            // ScrollView\r\n            instance.scrollTo &&\r\n                instance.scrollTo({x: 0, y: 0, animated: true});\r\n        }\r\n    }\r\n\r\n    renderPanelHeader() {\r\n        return (\r\n            <View style={styles.panelHeader}>\r\n                {this.state.panels.map((item, index) => (\r\n                    <TouchableOpacity\r\n                        key={index.toString()}\r\n                        onPress={() => {\r\n                            if (index != this.state.currentPageIndex) {\r\n                                this.scrollToPage(index);\r\n                                this.setState({currentPageIndex: index});\r\n                            } else {\r\n                                this.scrollToTop();\r\n                            }\r\n                        }}\r\n                        style={[\r\n                            styles.panelHeaderItem,\r\n                            index === this.state.currentPageIndex &&\r\n                                styles.activeTab,\r\n                        ]}>\r\n                        <Text style={styles.panelHeaderItemText}>\r\n                            {item.title}\r\n                        </Text>\r\n                    </TouchableOpacity>\r\n                ))}\r\n            </View>\r\n        );\r\n    }\r\n\r\n    syncHistory() {\r\n        if (!Storage.support()) return;\r\n        const res = this.state.history.filter(f => {\r\n            return f == this.state.commandValue;\r\n        });\r\n        if (res && res.length) return;\r\n        this.state.history.splice(0, 0, this.state.commandValue);\r\n        this.state.historyFilter.splice(0, 0, this.state.commandValue);\r\n        this.setState(\r\n            {\r\n                history: this.state.history,\r\n                historyFilter: this.state.historyFilter,\r\n            },\r\n            () => {\r\n                Storage.save('react-native-vdebug@history', this.state.history);\r\n                this.forceUpdate();\r\n            },\r\n        );\r\n    }\r\n\r\n    onChange(text) {\r\n        const state = {commandValue: text};\r\n        if (text) {\r\n            const res = this.state.history.filter(f =>\r\n                f.toLowerCase().match(replaceReg(text)),\r\n            );\r\n            if (res && res.length) state.historyFilter = res;\r\n        } else {\r\n            state.historyFilter = [];\r\n        }\r\n        this.setState(state);\r\n    }\r\n\r\n    renderCommandBar() {\r\n        return (\r\n            <KeyboardAvoidingView\r\n                keyboardVerticalOffset={Platform.OS == 'android' ? 0 : 300}\r\n                contentContainerStyle={{flex: 1}}\r\n                behavior={'position'}\r\n                style={{\r\n                    height: this.state.historyFilter.length ? 120 : 40,\r\n                    borderWidth: StyleSheet.hairlineWidth,\r\n                    borderColor: '#d9d9d9',\r\n                }}>\r\n                <View\r\n                    style={[\r\n                        styles.historyContainer,\r\n                        {height: this.state.historyFilter.length ? 80 : 0},\r\n                    ]}>\r\n                    <ScrollView>\r\n                        {this.state.historyFilter.map(text => {\r\n                            return (\r\n                                <TouchableOpacity\r\n                                    style={{\r\n                                        borderBottomWidth: 1,\r\n                                        borderBottomColor: '#eeeeeea1',\r\n                                    }}\r\n                                    onPress={() => {\r\n                                        if (text && text.toString) {\r\n                                            this.setState({\r\n                                                commandValue: text.toString(),\r\n                                            });\r\n                                        }\r\n                                    }}>\r\n                                    <Text style={{lineHeight: 25}}>{text}</Text>\r\n                                </TouchableOpacity>\r\n                            );\r\n                        })}\r\n                    </ScrollView>\r\n                </View>\r\n                <View style={styles.commandBar}>\r\n                    <TextInput\r\n                        ref={ref => {\r\n                            this.textInput = ref;\r\n                        }}\r\n                        style={styles.commandBarInput}\r\n                        placeholderTextColor={'#000000a1'}\r\n                        placeholder=\"Command...\"\r\n                        onChangeText={this.onChange.bind(this)}\r\n                        value={this.state.commandValue}\r\n                        onFocus={() => {\r\n                            this.setState({showHistory: true});\r\n                        }}\r\n                        onSubmitEditing={this.execCommand.bind(this)}\r\n                    />\r\n                    <TouchableOpacity\r\n                        style={styles.commandBarBtn}\r\n                        onPress={this.clearCommand.bind(this)}>\r\n                        <Text>X</Text>\r\n                    </TouchableOpacity>\r\n                    <TouchableOpacity\r\n                        style={styles.commandBarBtn}\r\n                        onPress={this.execCommand.bind(this)}>\r\n                        <Text>OK</Text>\r\n                    </TouchableOpacity>\r\n                </View>\r\n            </KeyboardAvoidingView>\r\n        );\r\n    }\r\n\r\n    renderPanelFooter() {\r\n        return (\r\n            <View style={styles.panelBottom}>\r\n                <TouchableOpacity\r\n                    onPress={this.clearLogs.bind(this)}\r\n                    style={styles.panelBottomBtn}>\r\n                    <Text style={styles.panelBottomBtnText}>Clear</Text>\r\n                </TouchableOpacity>\r\n                {__DEV__ && Platform.OS == 'ios' && (\r\n                    <TouchableOpacity\r\n                        onPress={this.showDev.bind(this)}\r\n                        onLongPress={this.reloadDev.bind(this)}\r\n                        style={styles.panelBottomBtn}>\r\n                        <Text style={styles.panelBottomBtnText}>Dev</Text>\r\n                    </TouchableOpacity>\r\n                )}\r\n                <TouchableOpacity\r\n                    onPress={this.togglePanel.bind(this)}\r\n                    style={styles.panelBottomBtn}>\r\n                    <Text style={styles.panelBottomBtnText}>Hide</Text>\r\n                </TouchableOpacity>\r\n            </View>\r\n        );\r\n    }\r\n\r\n    onScrollAnimationEnd({nativeEvent}) {\r\n        const currentPageIndex = Math.floor(\r\n            nativeEvent.contentOffset.x / Math.floor(width),\r\n        );\r\n        currentPageIndex != this.state.currentPageIndex &&\r\n            this.setState({\r\n                currentPageIndex: currentPageIndex,\r\n            });\r\n    }\r\n\r\n    renderPanel() {\r\n        return (\r\n            <Animated.View\r\n                style={[styles.panel, {height: this.state.panelHeight}]}>\r\n                {this.renderPanelHeader()}\r\n                <ScrollView\r\n                    onMomentumScrollEnd={this.onScrollAnimationEnd.bind(this)}\r\n                    ref={ref => {\r\n                        this.scrollView = ref;\r\n                    }}\r\n                    pagingEnabled={true}\r\n                    showsHorizontalScrollIndicator={false}\r\n                    horizontal={true}\r\n                    style={styles.panelContent}>\r\n                    {this.state.panels.map((item, index) => {\r\n                        return (\r\n                            <View key={index} style={{width: width}}>\r\n                                <item.component {...(item.props ?? {})} />\r\n                            </View>\r\n                        );\r\n                    })}\r\n                </ScrollView>\r\n                {this.renderCommandBar()}\r\n                {this.renderPanelFooter()}\r\n            </Animated.View>\r\n        );\r\n    }\r\n\r\n    renderDebugBtn() {\r\n        const {pan, scale} = this.state;\r\n        const [translateX, translateY] = [pan.x, pan.y];\r\n        const btnStyle = {transform: [{translateX}, {translateY}, {scale}]};\r\n\r\n        return (\r\n            <Animated.View\r\n                {...this.panResponder.panHandlers}\r\n                style={[styles.homeBtn, btnStyle]}>\r\n                <Text style={styles.homeBtnText}>调试</Text>\r\n            </Animated.View>\r\n        );\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <View style={{flex: 1}}>\r\n                {this.renderPanel()}\r\n                {this.renderDebugBtn()}\r\n            </View>\r\n        );\r\n    }\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    activeTab: {\r\n        backgroundColor: '#fff',\r\n    },\r\n    panel: {\r\n        position: 'absolute',\r\n        zIndex: 99998,\r\n        elevation: 99998,\r\n        backgroundColor: '#fff',\r\n        width,\r\n        bottom: 0,\r\n        right: 0,\r\n    },\r\n    panelHeader: {\r\n        width,\r\n        backgroundColor: '#eee',\r\n        flexDirection: 'row',\r\n        borderWidth: StyleSheet.hairlineWidth,\r\n        borderColor: '#d9d9d9',\r\n    },\r\n    panelHeaderItem: {\r\n        flex: 1,\r\n        height: 40,\r\n        color: '#000',\r\n        borderRightWidth: StyleSheet.hairlineWidth,\r\n        borderColor: '#d9d9d9',\r\n        justifyContent: 'center',\r\n    },\r\n    panelHeaderItemText: {\r\n        textAlign: 'center',\r\n    },\r\n    panelContent: {\r\n        width,\r\n        flex: 0.9,\r\n    },\r\n    panelBottom: {\r\n        width,\r\n        borderWidth: StyleSheet.hairlineWidth,\r\n        borderColor: '#d9d9d9',\r\n        flexDirection: 'row',\r\n        alignItems: 'center',\r\n        backgroundColor: '#eee',\r\n        height: 40,\r\n    },\r\n    panelBottomBtn: {\r\n        flex: 1,\r\n        height: 40,\r\n        borderRightWidth: StyleSheet.hairlineWidth,\r\n        borderColor: '#d9d9d9',\r\n        justifyContent: 'center',\r\n    },\r\n    panelBottomBtnText: {\r\n        color: '#000',\r\n        fontSize: 14,\r\n        textAlign: 'center',\r\n    },\r\n    panelEmpty: {\r\n        flex: 1,\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n    },\r\n    homeBtn: {\r\n        width: 60,\r\n        paddingVertical: 5,\r\n        backgroundColor: '#04be02',\r\n        borderRadius: 4,\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        position: 'absolute',\r\n        zIndex: 99999,\r\n        bottom: height / 2,\r\n        right: 0,\r\n        shadowColor: 'rgb(18,34,74)',\r\n        shadowOffset: {width: 0, height: 1},\r\n        shadowOpacity: 0.08,\r\n        elevation: 99999,\r\n    },\r\n    homeBtnText: {\r\n        color: '#fff',\r\n    },\r\n    commandBar: {\r\n        borderWidth: StyleSheet.hairlineWidth,\r\n        borderColor: '#d9d9d9',\r\n        flexDirection: 'row',\r\n        height: 40,\r\n    },\r\n    commandBarInput: {\r\n        flex: 1,\r\n        paddingLeft: 10,\r\n        backgroundColor: '#ffffff',\r\n        color: '#000000',\r\n    },\r\n    commandBarBtn: {\r\n        width: 40,\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        backgroundColor: '#eee',\r\n    },\r\n    historyContainer: {\r\n        borderTopWidth: 1,\r\n        borderTopColor: '#d9d9d9',\r\n        backgroundColor: '#ffffff',\r\n        paddingHorizontal: 10,\r\n    },\r\n});\r\n\r\nexport default VDebug;\r\n"
  },
  {
    "path": "src/lib/react-native-vdebug/src/event.js",
    "content": "export default class Event {\r\n    constructor() {\r\n        this.eventList = {};\r\n    }\r\n\r\n    on(eventName, callback) {\r\n        if (!this.eventList[eventName]) {\r\n            this.eventList[eventName] = [];\r\n        }\r\n        this.eventList[eventName].push(callback);\r\n        return this;\r\n    }\r\n\r\n    trigger(...args) {\r\n        const key = Array.prototype.shift.call(args);\r\n        const fns = this.eventList[key];\r\n        if (!fns || fns.length === 0) {\r\n            return this;\r\n        }\r\n        for (let i = 0, fn; (fn = fns[i++]); ) {\r\n            fn.apply(this, args);\r\n        }\r\n        return this;\r\n    }\r\n\r\n    off(key, fn) {\r\n        const fns = this.eventList[key];\r\n        if (!fns) {\r\n            return this;\r\n        }\r\n        if (!fn) {\r\n            if (fns) {\r\n                fns.length = 0;\r\n            }\r\n        } else {\r\n            for (let i = fns.length - 1; i >= 0; i--) {\r\n                const _fn = fns[i];\r\n                if (_fn === fn) {\r\n                    fns.splice(i, 1);\r\n                }\r\n            }\r\n        }\r\n        return this;\r\n    }\r\n}\r\nlet event;\r\nmodule.exports = (function () {\r\n    if (!event) {\r\n        event = new Event();\r\n    }\r\n    return event;\r\n})();\r\n"
  },
  {
    "path": "src/lib/react-native-vdebug/src/hoc.js",
    "content": "import React, {PureComponent} from 'react';\r\n\r\nexport default (WrappedComponent, getRef = () => {}) => {\r\n    return class Hoc extends PureComponent {\r\n        constructor(props) {\r\n            super(props);\r\n        }\r\n        render() {\r\n            return (\r\n                <WrappedComponent\r\n                    ref={comp => {\r\n                        this.comp = comp;\r\n                        getRef && getRef(comp);\r\n                    }}\r\n                    {...this.props}\r\n                />\r\n            );\r\n        }\r\n    };\r\n};\r\n"
  },
  {
    "path": "src/lib/react-native-vdebug/src/log.js",
    "content": "import React, {Component} from 'react';\r\nimport {\r\n    Alert,\r\n    FlatList,\r\n    StyleSheet,\r\n    Text,\r\n    TextInput,\r\n    TouchableOpacity,\r\n    TouchableWithoutFeedback,\r\n    View,\r\n} from 'react-native';\r\nimport event from './event';\r\nimport {debounce} from './tool';\r\n\r\nconst LEVEL_ENUM = {\r\n    All: '',\r\n    Log: 'log',\r\n    Info: 'info',\r\n    Warn: 'warn',\r\n    Error: 'error',\r\n};\r\n\r\nlet logStack = null;\r\n\r\nclass LogStack {\r\n    constructor() {\r\n        this.logs = [];\r\n        this.maxLength = 200;\r\n        this.listeners = [];\r\n        this.notify = debounce(10, false, this.notify);\r\n    }\r\n\r\n    getLogs() {\r\n        return this.logs;\r\n    }\r\n\r\n    addLog(method, data) {\r\n        if (this.logs.length > this.maxLength) {\r\n            this.logs.splice(this.logs.length - 1, 1);\r\n        }\r\n        const date = new Date();\r\n        this.logs.splice(0, 0, {\r\n            index: this.logs.length + 1,\r\n            method,\r\n            data: strLog(data),\r\n            time: `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}:${date.getMilliseconds()}`,\r\n            id: unixId(),\r\n        });\r\n        this.notify();\r\n    }\r\n\r\n    clearLogs() {\r\n        this.logs = [];\r\n        this.notify();\r\n    }\r\n\r\n    notify() {\r\n        this.listeners.forEach(callback => {\r\n            callback();\r\n        });\r\n    }\r\n\r\n    attach(callback) {\r\n        this.listeners.push(callback);\r\n    }\r\n}\r\n\r\nclass Log extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.name = 'Log';\r\n        this.mountState = false;\r\n        this.state = {\r\n            logs: [],\r\n            filterLevel: '',\r\n            // filterValue: ''\r\n        };\r\n        logStack.attach(() => {\r\n            if (this.mountState) {\r\n                const logs = logStack.getLogs();\r\n                this.setState({\r\n                    logs,\r\n                });\r\n            }\r\n        });\r\n    }\r\n\r\n    getScrollRef() {\r\n        return this.flatList;\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.mountState = true;\r\n        this.setState({\r\n            logs: logStack.getLogs(),\r\n        });\r\n        // 类方法用bind会指向不同地址，导致off失败\r\n        event.on('clear', this.clearLogs);\r\n        event.on('addLog', this.addLog);\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        this.mountState = false;\r\n        event.off('clear', this.clearLogs);\r\n        event.off('addLog', this.addLog);\r\n    }\r\n\r\n    addLog = msg => {\r\n        logStack.addLog('log', [msg]);\r\n    };\r\n\r\n    clearLogs = name => {\r\n        if (name === this.name) {\r\n            logStack.clearLogs();\r\n        }\r\n    };\r\n\r\n    ListHeaderComponent() {\r\n        return (\r\n            <View>\r\n                <View style={{flexDirection: 'row', backgroundColor: '#fff'}}>\r\n                    <Text style={styles.headerText}>Index</Text>\r\n                    <Text style={styles.headerText}>Method</Text>\r\n                    <View\r\n                        style={[\r\n                            styles.headerText,\r\n                            {flexDirection: 'row', flex: 2},\r\n                        ]}>\r\n                        {Object.keys(LEVEL_ENUM).map((key, index) => {\r\n                            return (\r\n                                <TouchableOpacity\r\n                                    key={index.toString()}\r\n                                    onPress={() => {\r\n                                        this.setState({\r\n                                            filterLevel: LEVEL_ENUM[key],\r\n                                        });\r\n                                    }}\r\n                                    style={[\r\n                                        styles.headerBtnLevel,\r\n                                        this.state.filterLevel ==\r\n                                            LEVEL_ENUM[key] && {\r\n                                            backgroundColor: '#eeeeee',\r\n                                            borderColor: '#959595a1',\r\n                                            borderWidth: 1,\r\n                                        },\r\n                                    ]}>\r\n                                    <Text style={styles.headerTextLevel}>\r\n                                        {key}\r\n                                    </Text>\r\n                                </TouchableOpacity>\r\n                            );\r\n                        })}\r\n                    </View>\r\n                </View>\r\n                <View style={styles.filterValueBar}>\r\n                    <TextInput\r\n                        ref={ref => {\r\n                            this.textInput = ref;\r\n                        }}\r\n                        style={styles.filterValueBarInput}\r\n                        placeholderTextColor={'#000000a1'}\r\n                        placeholder=\"输入过滤条件...\"\r\n                        onSubmitEditing={({nativeEvent}) => {\r\n                            if (nativeEvent) {\r\n                                this.regInstance = new RegExp(\r\n                                    nativeEvent.text,\r\n                                    'ig',\r\n                                );\r\n                                this.setState({filterValue: nativeEvent.text});\r\n                            }\r\n                        }}\r\n                    />\r\n                    <TouchableOpacity\r\n                        style={styles.filterValueBarBtn}\r\n                        onPress={this.clearFilterValue.bind(this)}>\r\n                        <Text>X</Text>\r\n                    </TouchableOpacity>\r\n                </View>\r\n            </View>\r\n        );\r\n    }\r\n\r\n    clearFilterValue() {\r\n        this.setState(\r\n            {\r\n                filterValue: '',\r\n            },\r\n            () => {\r\n                this.textInput.clear();\r\n            },\r\n        );\r\n    }\r\n\r\n    renderItem({item}) {\r\n        if (this.state.filterLevel && this.state.filterLevel != item.method)\r\n            return null;\r\n        if (\r\n            this.state.filterValue &&\r\n            this.regInstance &&\r\n            !this.regInstance.test(item.data)\r\n        )\r\n            return null;\r\n        return (\r\n            <TouchableWithoutFeedback\r\n                onLongPress={() => {\r\n                    try {\r\n                        Alert.alert('提示', '复制成功', [{text: '确认'}]);\r\n                    } catch (error) {}\r\n                }}>\r\n                <View style={styles.logItem}>\r\n                    <View style={{flexDirection: 'row'}}>\r\n                        <View style={{flex: 0.8}}>\r\n                            <Text style={styles.logItemTime}>{item.index}</Text>\r\n                        </View>\r\n                        <View style={{flex: 0.8}}>\r\n                            <Text style={styles.logItemTime}>\r\n                                {item.method}\r\n                            </Text>\r\n                        </View>\r\n                        <View style={{flex: 2}}>\r\n                            <Text style={styles.logItemTime}>{item.time}</Text>\r\n                        </View>\r\n                    </View>\r\n                    <Text style={[styles.logItemText, styles[item.method]]}>\r\n                        {item.data}\r\n                    </Text>\r\n                </View>\r\n            </TouchableWithoutFeedback>\r\n        );\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <FlatList\r\n                ref={ref => {\r\n                    this.flatList = ref;\r\n                }}\r\n                legacyImplementation\r\n                // initialNumToRender={20}\r\n                showsVerticalScrollIndicator\r\n                extraData={this.state}\r\n                data={this.state.logs}\r\n                stickyHeaderIndices={[0]}\r\n                ListHeaderComponent={this.ListHeaderComponent.bind(this)}\r\n                renderItem={this.renderItem.bind(this)}\r\n                ListEmptyComponent={() => <Text> Loading...</Text>}\r\n                keyExtractor={item => item.id}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    log: {\r\n        color: '#000',\r\n    },\r\n    info: {\r\n        color: '#000',\r\n    },\r\n    warn: {\r\n        color: 'orange',\r\n        backgroundColor: '#fffacd',\r\n        borderColor: '#ffb930',\r\n    },\r\n    error: {\r\n        color: '#dc143c',\r\n        backgroundColor: '#ffe4e1',\r\n        borderColor: '#f4a0ab',\r\n    },\r\n    logItem: {\r\n        borderBottomWidth: StyleSheet.hairlineWidth,\r\n        borderColor: '#eee',\r\n    },\r\n    logItemText: {\r\n        fontSize: 12,\r\n        paddingHorizontal: 10,\r\n        paddingVertical: 8,\r\n    },\r\n    logItemTime: {\r\n        marginLeft: 5,\r\n        fontSize: 11,\r\n        fontWeight: '700',\r\n    },\r\n    filterValueBarBtn: {\r\n        width: 40,\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        backgroundColor: '#eee',\r\n    },\r\n    filterValueBarInput: {\r\n        flex: 1,\r\n        paddingLeft: 10,\r\n        backgroundColor: '#ffffff',\r\n        color: '#000000',\r\n    },\r\n    filterValueBar: {\r\n        flexDirection: 'row',\r\n        height: 40,\r\n        borderWidth: 1,\r\n        borderColor: '#eee',\r\n    },\r\n    headerText: {\r\n        flex: 0.8,\r\n        borderColor: '#eee',\r\n        borderWidth: StyleSheet.hairlineWidth,\r\n        paddingVertical: 4,\r\n        paddingHorizontal: 2,\r\n        fontWeight: '700',\r\n    },\r\n    headerBtnLevel: {\r\n        flex: 1,\r\n        borderColor: '#eee',\r\n        borderWidth: StyleSheet.hairlineWidth,\r\n        paddingHorizontal: 2,\r\n    },\r\n    headerTextLevel: {\r\n        fontWeight: '700',\r\n        textAlign: 'center',\r\n    },\r\n});\r\n\r\nfunction unixId() {\r\n    return Math.round(Math.random() * 1000000).toString(16);\r\n}\r\n\r\nfunction strLog(logs) {\r\n    const arr = logs.map(data => formatLog(data));\r\n    return arr.join(' ');\r\n}\r\n\r\nfunction formatLog(obj) {\r\n    if (\r\n        obj === null ||\r\n        obj === undefined ||\r\n        typeof obj === 'string' ||\r\n        typeof obj === 'number' ||\r\n        typeof obj === 'boolean' ||\r\n        typeof obj === 'function'\r\n    ) {\r\n        return `\"${String(obj)}\"`;\r\n    }\r\n    if (obj instanceof Date) {\r\n        return `Date(${obj.toISOString()})`;\r\n    }\r\n    if (Array.isArray(obj)) {\r\n        return `Array(${obj.length})[${obj.map(elem => formatLog(elem))}]`;\r\n    }\r\n    if (obj.toString) {\r\n        try {\r\n            return `object(${JSON.stringify(obj, null, 2)})`;\r\n        } catch (err) {\r\n            return 'Invalid symbol';\r\n        }\r\n    }\r\n    return 'unknown data';\r\n}\r\n\r\nexport default Log;\r\n\r\nexport const traceLog = () => {\r\n    if (!logStack) {\r\n        logStack = new LogStack();\r\n    }\r\n};\r\n\r\nexport const addLog = (level, ...args) => {\r\n    logStack.addLog(level, args);\r\n};\r\n"
  },
  {
    "path": "src/lib/react-native-vdebug/src/network.js",
    "content": "import React, {Component} from 'react';\r\nimport {Clipboard, FlatList, StyleSheet, Text, TextInput, TouchableOpacity, View,} from 'react-native';\r\nimport event from './event';\r\nimport {debounce} from './tool';\r\n\r\nlet ajaxStack = null;\r\n\r\nclass AjaxStack {\r\n    constructor() {\r\n        this.requestIds = [];\r\n        this.requests = {};\r\n        this.maxLength = 200;\r\n        this.listeners = [];\r\n        this.notify = debounce(10, false, this.notify);\r\n    }\r\n\r\n    getRequestIds() {\r\n        return this.requestIds;\r\n    }\r\n\r\n    getRequests() {\r\n        return this.requests;\r\n    }\r\n\r\n    getRequest(id) {\r\n        return this.requests[id] || {};\r\n    }\r\n\r\n    readBlobAsText(blob, encoding = 'utf-8') {\r\n        return new Promise((resolve, reject) => {\r\n            resolve('undefined');\r\n            // const fr = new FileReader();\r\n            // fr.onload = event => {\r\n            //   resolve(fr.result);\r\n            // };\r\n            // fr.onerror = err => {\r\n            //   reject(err);\r\n            // };\r\n            // fr.readAsText(blob, encoding);\r\n        });\r\n    }\r\n\r\n    JSONTryParse(jsonStr) {\r\n        try {\r\n            return JSON.parse(jsonStr);\r\n        } catch (error) {\r\n            return {};\r\n        }\r\n    }\r\n\r\n    formatResponse(response) {\r\n        if (response) {\r\n            if (typeof response === 'string')\r\n                response = this.JSONTryParse(response);\r\n            return JSON.stringify(response, null, 2);\r\n        } else {\r\n            return '{}';\r\n        }\r\n    }\r\n\r\n    updateRequest(id, data) {\r\n        // update item\r\n        const item = this.requests[id] || {};\r\n\r\n        if (this.requestIds.length > this.maxLength) {\r\n            const _id = this.requestIds[this.requestIds.length - 1];\r\n            this.requestIds.splice(this.requestIds.length - 1, 1);\r\n            this.requests[id] && delete this.requests[_id];\r\n        }\r\n        for (const key in data) {\r\n            item[key] = data[key];\r\n        }\r\n        // update dom\r\n        const domData = {\r\n            id,\r\n            index: item.index ?? this.requestIds.length + 1,\r\n            host: item.host,\r\n            url: item.url,\r\n            status: item.status,\r\n            method: item.method || '-',\r\n            costTime: item.costTime > 0 ? `${item.costTime} ms` : '-',\r\n            resHeaders: item.resHeaders || null,\r\n            reqHeaders: item.reqHeaders || null,\r\n            getData: item.getData || null,\r\n            postData: item.postData || null,\r\n            response: null,\r\n            actived: !!item.actived,\r\n            startTime: item.startTime,\r\n            endTime: item.endTime,\r\n        };\r\n        switch (item.responseType) {\r\n            case '':\r\n            case 'text':\r\n                // try to parse JSON\r\n                if (typeof item.response === 'string') {\r\n                    try {\r\n                        domData.response = this.formatResponse(item.response);\r\n                    } catch (e) {\r\n                        // not a JSON string\r\n                        domData.response = item.response;\r\n                    }\r\n                } else if (typeof item.response !== 'undefined') {\r\n                    domData.response = Object.prototype.toString.call(\r\n                        item.response,\r\n                    );\r\n                }\r\n                break;\r\n            case 'json':\r\n                if (typeof item.response !== 'undefined') {\r\n                    domData.response = this.formatResponse(item.response);\r\n                }\r\n                break;\r\n            case 'blob':\r\n            case 'document':\r\n            case 'arraybuffer':\r\n            default:\r\n                if (item.response && typeof item.response !== 'undefined') {\r\n                    this.readBlobAsText(item.response).then(res => {\r\n                        domData.response = this.formatResponse(res);\r\n                    });\r\n                }\r\n                break;\r\n        }\r\n        if (item.readyState === 0 || item.readyState === 1) {\r\n            domData.status = 'Pending';\r\n        } else if (item.readyState === 2 || item.readyState === 3) {\r\n            domData.status = 'Loading';\r\n        } else if (item.readyState === 4) {\r\n            // do nothing\r\n        } else {\r\n            domData.status = 'Unknown';\r\n        }\r\n        if (this.requestIds.indexOf(id) === -1) {\r\n            this.requestIds.splice(0, 0, id);\r\n        }\r\n        this.requests[id] = domData;\r\n        this.notify(this.requests[id]);\r\n    }\r\n\r\n    clearRequests() {\r\n        this.requestIds = [];\r\n        this.requests = {};\r\n        this.notify();\r\n    }\r\n\r\n    notify(args) {\r\n        this.listeners.forEach(callback => {\r\n            callback(args);\r\n        });\r\n    }\r\n\r\n    attach(callback) {\r\n        this.listeners.push(callback);\r\n    }\r\n}\r\n\r\nclass Network extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.name = 'Network';\r\n        this.mountState = false;\r\n        this.state = {\r\n            showingId: null,\r\n            requestIds: [],\r\n            requests: {},\r\n            filterValue: '',\r\n        };\r\n        ajaxStack.attach(currentRequest => {\r\n            if (this.mountState) {\r\n                this.setState({\r\n                    requestIds: ajaxStack.getRequestIds(),\r\n                    requests: ajaxStack.getRequests(),\r\n                });\r\n            }\r\n        });\r\n    }\r\n\r\n    getScrollRef() {\r\n        return this.flatList;\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.mountState = true;\r\n        this.setState({\r\n            requestIds: ajaxStack.getRequestIds(),\r\n            requests: ajaxStack.getRequests(),\r\n        });\r\n        event.on('clear', this.clearRequests.bind(this));\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        this.mountState = false;\r\n        event.off('clear', this.clearRequests.bind(this));\r\n    }\r\n\r\n    clearRequests(name) {\r\n        if (name === this.name) {\r\n            ajaxStack.clearRequests();\r\n        }\r\n    }\r\n\r\n    ListHeaderComponent() {\r\n        const count = Object.keys(this.state.requests).length || 0;\r\n        return (\r\n            <View>\r\n                <View style={[styles.nwHeader]}>\r\n                    <Text\r\n                        style={[\r\n                            styles.nwHeaderTitle,\r\n                            styles.flex3,\r\n                            styles.bold,\r\n                        ]}>\r\n                        ({count})Host\r\n                    </Text>\r\n                    <Text\r\n                        style={[\r\n                            styles.nwHeaderTitle,\r\n                            styles.flex1,\r\n                            styles.bold,\r\n                        ]}>\r\n                        Method\r\n                    </Text>\r\n                    <Text\r\n                        style={[\r\n                            styles.nwHeaderTitle,\r\n                            styles.flex1,\r\n                            styles.bold,\r\n                        ]}>\r\n                        Status\r\n                    </Text>\r\n                    <Text\r\n                        style={[\r\n                            styles.nwHeaderTitle,\r\n                            styles.bold,\r\n                            {width: 90},\r\n                        ]}>\r\n                        Time/Retry\r\n                    </Text>\r\n                </View>\r\n                <View style={styles.filterValueBar}>\r\n                    <TextInput\r\n                        ref={ref => {\r\n                            this.textInput = ref;\r\n                        }}\r\n                        style={styles.filterValueBarInput}\r\n                        placeholderTextColor={'#000000a1'}\r\n                        placeholder=\"输入过滤条件...\"\r\n                        onSubmitEditing={({nativeEvent}) => {\r\n                            if (nativeEvent) {\r\n                                this.regInstance = new RegExp(\r\n                                    nativeEvent.text,\r\n                                    'ig',\r\n                                );\r\n                                this.setState({filterValue: nativeEvent.text});\r\n                            }\r\n                        }}\r\n                    />\r\n                    <TouchableOpacity\r\n                        style={styles.filterValueBarBtn}\r\n                        onPress={this.clearFilterValue.bind(this)}>\r\n                        <Text>X</Text>\r\n                    </TouchableOpacity>\r\n                </View>\r\n            </View>\r\n        );\r\n    }\r\n\r\n    clearFilterValue() {\r\n        this.setState(\r\n            {\r\n                filterValue: '',\r\n            },\r\n            () => {\r\n                this.textInput.clear();\r\n            },\r\n        );\r\n    }\r\n\r\n    copy2cURL(item) {\r\n        let headerStr = '';\r\n        if (item.reqHeaders) {\r\n            Object.keys(item.reqHeaders).forEach(key => {\r\n                let reqHeaders = item.reqHeaders[key];\r\n                if (reqHeaders) {\r\n                    headerStr += ` -H '${key}: ${reqHeaders}'`;\r\n                }\r\n            });\r\n        }\r\n        let cURL = `curl -X ${item.method} '${item.url}' ${headerStr}`;\r\n        if (item.method === 'POST' && item.postData)\r\n            cURL += ` --data-binary '${item.postData}'`;\r\n        Clipboard.setString(cURL);\r\n    }\r\n\r\n    retryFetch(item) {\r\n        let options = {\r\n            method: item.method,\r\n        };\r\n        if (item.reqHeaders) options.headers = item.reqHeaders;\r\n        if (item.method == 'POST' && item.postData)\r\n            options.body = item.postData;\r\n        fetch(item.url, options);\r\n    }\r\n\r\n    renderItem({item}) {\r\n        const _item = this.state.requests[item] || {};\r\n        if (\r\n            this.state.filterValue &&\r\n            this.regInstance &&\r\n            !this.regInstance.test(_item.url)\r\n        )\r\n            return null;\r\n        return (\r\n            <View style={styles.nwItem}>\r\n                <TouchableOpacity\r\n                    onPress={() => {\r\n                        this.setState(state => ({\r\n                            showingId:\r\n                                state.showingId === _item.id ? null : _item.id,\r\n                        }));\r\n                    }}>\r\n                    <View\r\n                        style={[\r\n                            styles.nwHeader,\r\n                            this.state.showingId === _item.id && styles.active,\r\n                            _item.status >= 400 && styles.error,\r\n                        ]}>\r\n                        <Text\r\n                            numberOfLines={1}\r\n                            ellipsizeMode=\"middle\"\r\n                            style={[styles.nwHeaderTitle, styles.flex3]}>\r\n                            {`(${_item.index})${_item.host}`}\r\n                        </Text>\r\n                        <Text style={[styles.nwHeaderTitle, styles.flex1]}>\r\n                            {_item.method}\r\n                        </Text>\r\n                        <Text\r\n                            numberOfLines={1}\r\n                            style={[styles.nwHeaderTitle, styles.flex1]}>\r\n                            {_item.status}\r\n                        </Text>\r\n                        <TouchableOpacity\r\n                            onPress={() => {\r\n                                this.retryFetch(_item);\r\n                            }}\r\n                            style={[\r\n                                styles.nwHeaderTitle,\r\n                                {\r\n                                    width: 90,\r\n                                    borderRadius: 20,\r\n                                    borderColor: '#eeeeee',\r\n                                    borderWidth: 1,\r\n                                },\r\n                            ]}>\r\n                            <Text>{_item.costTime}</Text>\r\n                        </TouchableOpacity>\r\n                    </View>\r\n                </TouchableOpacity>\r\n                {this.state.showingId === _item.id && (\r\n                    <View style={styles.nwItemDetail}>\r\n                        <View>\r\n                            <Text\r\n                                style={[\r\n                                    styles.nwItemDetailHeader,\r\n                                    styles.bold,\r\n                                ]}>\r\n                                Operate\r\n                            </Text>\r\n                            <TouchableOpacity\r\n                                onPress={() => {\r\n                                    this.copy2cURL(_item);\r\n                                }}>\r\n                                <Text>{'[ Copy cURL to clipboard ]'}</Text>\r\n                            </TouchableOpacity>\r\n                            <TouchableOpacity\r\n                                onPress={() => {\r\n                                    Clipboard.setString(_item.response);\r\n                                }}>\r\n                                <Text>{'[ Copy response to clipboard ]'}</Text>\r\n                            </TouchableOpacity>\r\n                        </View>\r\n                        <View>\r\n                            <Text\r\n                                style={[\r\n                                    styles.nwItemDetailHeader,\r\n                                    styles.bold,\r\n                                ]}>\r\n                                General\r\n                            </Text>\r\n                            <View style={styles.nwDetailItem}>\r\n                                <Text>URL:</Text>\r\n                                <Text>{_item.url}</Text>\r\n                            </View>\r\n                            <View style={styles.nwDetailItem}>\r\n                                <Text>startTime:</Text>\r\n                                <Text>{_item.startTime}</Text>\r\n                            </View>\r\n                            <View style={styles.nwDetailItem}>\r\n                                <Text>endTime:</Text>\r\n                                <Text>{_item.endTime}</Text>\r\n                            </View>\r\n                        </View>\r\n                        {_item.reqHeaders && (\r\n                            <View>\r\n                                <Text\r\n                                    style={[\r\n                                        styles.nwItemDetailHeader,\r\n                                        styles.bold,\r\n                                    ]}>\r\n                                    Request Header\r\n                                </Text>\r\n                                {Object.keys(_item.reqHeaders).map(key => (\r\n                                    <View style={styles.nwDetailItem} key={key}>\r\n                                        <Text>{key}:</Text>\r\n                                        <Text>{_item.reqHeaders[key]}</Text>\r\n                                    </View>\r\n                                ))}\r\n                            </View>\r\n                        )}\r\n                        {_item.resHeaders && (\r\n                            <View>\r\n                                <Text\r\n                                    style={[\r\n                                        styles.nwItemDetailHeader,\r\n                                        styles.bold,\r\n                                    ]}>\r\n                                    Response Header\r\n                                </Text>\r\n                                {Object.keys(_item.resHeaders).map(key => (\r\n                                    <View style={styles.nwDetailItem} key={key}>\r\n                                        <Text>{key}:</Text>\r\n                                        <Text>{_item.resHeaders[key]}</Text>\r\n                                    </View>\r\n                                ))}\r\n                            </View>\r\n                        )}\r\n                        {_item.getData && (\r\n                            <View>\r\n                                <Text\r\n                                    style={[\r\n                                        styles.nwItemDetailHeader,\r\n                                        styles.bold,\r\n                                    ]}>\r\n                                    Query String Parameters\r\n                                </Text>\r\n                                {Object.keys(_item.getData).map(key => (\r\n                                    <View style={styles.nwDetailItem} key={key}>\r\n                                        <Text>{key}:</Text>\r\n                                        <Text>{_item.getData[key]}</Text>\r\n                                    </View>\r\n                                ))}\r\n                            </View>\r\n                        )}\r\n                        {_item.postData && (\r\n                            <View>\r\n                                <Text\r\n                                    style={[\r\n                                        styles.nwItemDetailHeader,\r\n                                        styles.bold,\r\n                                    ]}>\r\n                                    Form Data\r\n                                </Text>\r\n                                <Text>{_item.postData}</Text>\r\n                            </View>\r\n                        )}\r\n                        <View>\r\n                            <Text\r\n                                style={[\r\n                                    styles.nwItemDetailHeader,\r\n                                    styles.bold,\r\n                                ]}>\r\n                                Response\r\n                            </Text>\r\n                            <View style={[styles.nwDetailItem]}>\r\n                                <Text>{_item.response || ''}</Text>\r\n                            </View>\r\n                        </View>\r\n                    </View>\r\n                )}\r\n            </View>\r\n        );\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <FlatList\r\n                ref={ref => {\r\n                    this.flatList = ref;\r\n                }}\r\n                showsVerticalScrollIndicator={true}\r\n                ListHeaderComponent={this.ListHeaderComponent.bind(this)}\r\n                extraData={this.state}\r\n                data={this.state.requestIds}\r\n                stickyHeaderIndices={[0]}\r\n                renderItem={this.renderItem.bind(this)}\r\n                ListEmptyComponent={() => <Text> Loading...</Text>}\r\n                keyExtractor={item => item}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    bold: {\r\n        fontWeight: '700',\r\n    },\r\n    active: {\r\n        backgroundColor: '#fffacd',\r\n    },\r\n    flex3: {\r\n        flex: 3,\r\n    },\r\n    flex1: {\r\n        flex: 1,\r\n    },\r\n    error: {\r\n        backgroundColor: '#ffe4e1',\r\n        borderColor: '#ffb930',\r\n    },\r\n    nwHeader: {\r\n        flexDirection: 'row',\r\n        backgroundColor: '#fff',\r\n    },\r\n    nwHeaderTitle: {\r\n        borderColor: '#eee',\r\n        borderWidth: StyleSheet.hairlineWidth,\r\n        paddingVertical: 4,\r\n        paddingHorizontal: 2,\r\n    },\r\n    nwItem: {},\r\n    nwItemDetail: {\r\n        borderColor: '#eee',\r\n        borderLeftWidth: StyleSheet.hairlineWidth,\r\n    },\r\n    nwItemDetailHeader: {\r\n        paddingLeft: 5,\r\n        paddingVertical: 4,\r\n        backgroundColor: '#eee',\r\n    },\r\n    nwDetailItem: {\r\n        paddingLeft: 5,\r\n        flexDirection: 'row',\r\n    },\r\n    filterValueBarBtn: {\r\n        width: 40,\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        backgroundColor: '#eee',\r\n    },\r\n    filterValueBarInput: {\r\n        flex: 1,\r\n        paddingLeft: 10,\r\n        backgroundColor: '#ffffff',\r\n        color: '#000000',\r\n    },\r\n    filterValueBar: {\r\n        flexDirection: 'row',\r\n        height: 40,\r\n        borderWidth: 1,\r\n        borderColor: '#eee',\r\n    },\r\n});\r\n\r\nfunction unixId() {\r\n    return Math.round(Math.random() * 1000000).toString(16);\r\n}\r\n\r\nfunction proxyAjax(XHR, stack) {\r\n    if (!XHR) {\r\n        return;\r\n    }\r\n    const _open = XHR.prototype.open;\r\n    const _send = XHR.prototype.send;\r\n    this._open = _open;\r\n    this._send = _send;\r\n\r\n    // mock open()\r\n    XHR.prototype.open = function (...args) {\r\n        const XMLReq = this;\r\n        const method = args[0];\r\n        const url = args[1];\r\n        const id = unixId();\r\n        let timer = null;\r\n\r\n        // may be used by other functions\r\n        XMLReq._requestID = id;\r\n        XMLReq._method = method;\r\n        XMLReq._url = url;\r\n\r\n        // mock onreadystatechange\r\n        const _onreadystatechange = XMLReq.onreadystatechange || function () {};\r\n        const onreadystatechange = function () {\r\n            const item = stack.getRequest(id);\r\n\r\n            // update status\r\n            item.readyState = XMLReq.readyState;\r\n            item.status = 0;\r\n            if (XMLReq.readyState > 1) {\r\n                item.status = XMLReq.status;\r\n            }\r\n            item.responseType = XMLReq.responseType;\r\n\r\n            if (XMLReq.readyState === 0) {\r\n                // UNSENT\r\n                if (!item.startTime) {\r\n                    item.startTime = +new Date();\r\n                }\r\n            } else if (XMLReq.readyState === 1) {\r\n                // OPENED\r\n                if (!item.startTime) {\r\n                    item.startTime = +new Date();\r\n                }\r\n            } else if (XMLReq.readyState === 2) {\r\n                // HEADERS_RECEIVED\r\n                item.resHeaders = {};\r\n                const resHeaders = XMLReq.getAllResponseHeaders() || '';\r\n                const resHeadersArr = resHeaders.split('\\n');\r\n                // extract plain text to key-value format\r\n                for (let i = 0; i < resHeadersArr.length; i++) {\r\n                    const line = resHeadersArr[i];\r\n                    if (!line) {\r\n                        // eslint-disable-next-line no-continue\r\n                        continue;\r\n                    }\r\n                    const arr = line.split(': ');\r\n                    const key = arr[0];\r\n                    const value = arr.slice(1).join(': ');\r\n                    item.resHeaders[key] = value;\r\n                }\r\n            } else if (XMLReq.readyState === 3) {\r\n                // LOADING\r\n            } else if (XMLReq.readyState === 4) {\r\n                // DONE\r\n                clearInterval(timer);\r\n                item.endTime = +new Date();\r\n                item.costTime = item.endTime - (item.startTime || item.endTime);\r\n                item.response = XMLReq.response;\r\n            } else {\r\n                clearInterval(timer);\r\n            }\r\n\r\n            if (!XMLReq._noVConsole) {\r\n                stack.updateRequest(id, item);\r\n            }\r\n            return _onreadystatechange.apply(XMLReq, args);\r\n        };\r\n        XMLReq.onreadystatechange = onreadystatechange;\r\n\r\n        // some 3rd libraries will change XHR's default function\r\n        // so we use a timer to avoid lost tracking of readyState\r\n        let preState = -1;\r\n        timer = setInterval(() => {\r\n            if (preState !== XMLReq.readyState) {\r\n                preState = XMLReq.readyState;\r\n                onreadystatechange.call(XMLReq);\r\n            }\r\n        }, 10);\r\n\r\n        return _open.apply(XMLReq, args);\r\n    };\r\n\r\n    // mock send()\r\n    XHR.prototype.send = function (...args) {\r\n        const XMLReq = this;\r\n        const data = args[0];\r\n\r\n        const item = stack.getRequest(XMLReq._requestID);\r\n        item.method = XMLReq._method.toUpperCase();\r\n\r\n        let query = XMLReq._url.split('?'); // a.php?b=c&d=?e => ['a.php', 'b=c&d=', '?e']\r\n        item.url = XMLReq._url;\r\n        item.host = query[0];\r\n\r\n        if (query.length == 2) {\r\n            item.getData = {};\r\n            query = query[1].split('&'); // => ['b=c', 'd=?e']\r\n            for (let q of query) {\r\n                q = q.split('=');\r\n                item.getData[q[0]] = decodeURIComponent(q[1]);\r\n            }\r\n        }\r\n\r\n        item.reqHeaders = XMLReq._headers;\r\n\r\n        if (item.method === 'POST' && data) {\r\n            // save POST data\r\n            if (typeof data === 'string') {\r\n                item.postData = data;\r\n            } else {\r\n                try {\r\n                    item.postData = JSON.stringify(data);\r\n                } catch (error) {}\r\n            }\r\n        }\r\n\r\n        if (!XMLReq._noVConsole) {\r\n            stack.updateRequest(XMLReq._requestID, item);\r\n        }\r\n\r\n        return _send.apply(XMLReq, args);\r\n    };\r\n}\r\n\r\nexport default Network;\r\n\r\nexport const traceNetwork = () => {\r\n    if (!ajaxStack) {\r\n        ajaxStack = new AjaxStack();\r\n        proxyAjax(\r\n            global.originalXMLHttpRequest || global.XMLHttpRequest,\r\n            ajaxStack,\r\n        );\r\n    }\r\n};\r\n"
  },
  {
    "path": "src/lib/react-native-vdebug/src/storage.js",
    "content": "const storage = {\r\n    support: function () {\r\n        return false;\r\n    },\r\n};\r\n\r\nexport default storage;\r\n"
  },
  {
    "path": "src/lib/react-native-vdebug/src/tool.js",
    "content": "function throttle(delay, noTrailing, callback, debounceMode) {\r\n    let timeoutID;\r\n    let lastExec = 0;\r\n    if (typeof noTrailing !== 'boolean') {\r\n        debounceMode = callback;\r\n        callback = noTrailing;\r\n        noTrailing = undefined;\r\n    }\r\n\r\n    function wrapper(...args) {\r\n        const self = this;\r\n        const elapsed = Number(new Date()) - lastExec;\r\n\r\n        function exec() {\r\n            lastExec = Number(new Date());\r\n            callback.apply(self, args);\r\n        }\r\n\r\n        function clear() {\r\n            timeoutID = undefined;\r\n        }\r\n\r\n        if (debounceMode && !timeoutID) {\r\n            exec();\r\n        }\r\n\r\n        if (timeoutID) {\r\n            clearTimeout(timeoutID);\r\n        }\r\n\r\n        if (!debounceMode && elapsed > delay) {\r\n            exec();\r\n        } else if (noTrailing !== true) {\r\n            timeoutID = setTimeout(\r\n                debounceMode ? clear : exec,\r\n                !debounceMode ? delay - elapsed : delay,\r\n            );\r\n        }\r\n    }\r\n\r\n    return wrapper;\r\n}\r\n\r\nfunction debounce(delay, atBegin, callback) {\r\n    return callback === undefined\r\n        ? throttle(delay, atBegin, false)\r\n        : throttle(delay, callback, atBegin !== false);\r\n}\r\n\r\nfunction replaceReg(str) {\r\n    const regStr = /\\\\|\\$|\\(|\\)|\\*|\\+|\\.|\\[|\\]|\\?|\\^|\\{|\\}|\\|/gi;\r\n    return str.replace(regStr, function (input) {\r\n        return `\\\\${input}`;\r\n    });\r\n}\r\n\r\nmodule.exports = {\r\n    throttle,\r\n    debounce,\r\n    replaceReg,\r\n};\r\n"
  },
  {
    "path": "src/native/lyricUtil/index.ts",
    "content": "import Config from \"@/core/appConfig\";\nimport Toast from \"@/utils/toast\";\nimport { NativeModule, NativeModules } from \"react-native\";\nimport { errorLog } from \"@/utils/log.ts\";\n\nexport enum NativeTextAlignment {\n    // 左对齐\n    LEFT = 3,\n    // 右对齐\n    RIGHT = 5,\n    // 居中\n    CENTER = 17,\n}\n\n// 状态栏歌词的工具\ninterface ILyricUtil extends NativeModule {\n    /** 显示状态栏歌词 */\n    showStatusBarLyric: (\n        initLyric?: string,\n        config?: Record<string, any>,\n    ) => Promise<void>;\n    /** 隐藏状态栏歌词 */\n    hideStatusBarLyric: () => Promise<void>;\n    /** 设置歌词文本 */\n    setStatusBarLyricText: (lyric: string) => Promise<void>;\n    /** 设置距离顶部的距离 */\n    setStatusBarLyricTop: (percent: number) => Promise<void>;\n    /** 设置距离左部的距离 */\n    setStatusBarLyricLeft: (percent: number) => Promise<void>;\n    /** 设置宽度 */\n    setStatusBarLyricWidth: (percent: number) => Promise<void>;\n    /** 设置字体 */\n    setStatusBarLyricFontSize: (fontSize: number) => Promise<void>;\n    /** 设置对齐 */\n    setStatusBarLyricAlign: (alignment: NativeTextAlignment) => Promise<void>;\n    /** 设置颜色 */\n    setStatusBarColors: (\n        textColor: string | null,\n        backgroundColor: string | null,\n    ) => Promise<void>;\n    /** 检查权限 */\n    checkSystemAlertPermission: () => Promise<boolean>;\n    /** 请求悬浮窗 */\n    requestSystemAlertPermission: () => Promise<boolean>;\n}\n\nconst LyricUtil: ILyricUtil = NativeModules.LyricUtil;\n\nconst originalShowStatusBarLyric = LyricUtil.showStatusBarLyric;\n\nconst showStatusBarLyric: ILyricUtil[\"showStatusBarLyric\"] = async (\n    initLyric,\n    config,\n) => {\n    try {\n        await originalShowStatusBarLyric(initLyric, config);\n    } catch (e) {\n        errorLog(\"状态栏歌词开启失败\", e);\n        Toast.warn(\"状态栏歌词开启失败，请到手机系统设置打开悬浮窗权限\");\n        Config.setConfig(\"lyric.showStatusBarLyric\", false);\n    }\n};\n\nLyricUtil.showStatusBarLyric = showStatusBarLyric;\n\nexport default LyricUtil;\n"
  },
  {
    "path": "src/native/mp3Util/index.ts",
    "content": "import { NativeModules } from \"react-native\";\n\nexport interface IBasicMeta {\n    album?: string;\n    artist?: string;\n    author?: string;\n    duration?: string;\n    title?: string;\n}\n\nexport interface IWritableMeta extends IBasicMeta {\n    lyric?: string;\n    comment?: string;\n}\n\ninterface IMp3Util {\n    getBasicMeta: (fileName: string) => Promise<IBasicMeta>;\n    getMediaMeta: (fileNames: string[]) => Promise<IBasicMeta[]>;\n    getMediaCoverImg: (mediaPath: string) => Promise<string>;\n    /** 读取内嵌歌词 */\n    getLyric: (mediaPath: string) => Promise<string>;\n    /** 写入meta信息 */\n    setMediaTag: (filePath: string, meta: IWritableMeta) => Promise<void>;\n    getMediaTag: (filePath: string) => Promise<IWritableMeta>;\n}\n\nconst Mp3Util = NativeModules.Mp3Util;\n\nexport default Mp3Util as IMp3Util;\n"
  },
  {
    "path": "src/native/utils/index.ts",
    "content": "import { NativeModule, NativeModules } from \"react-native\";\n\ninterface INativeUtils extends NativeModule {\n    exitApp: () => void;\n    checkStoragePermission: () => Promise<boolean>;\n    requestStoragePermission: () => void;\n    getWindowDimensions: () => { width: number, height: number }; // Fix bug: https://github.com/facebook/react-native/issues/47080\n}\n\nconst NativeUtils = NativeModules.NativeUtils;\n\nexport default NativeUtils as INativeUtils;\n"
  },
  {
    "path": "src/pages/albumDetail/hooks/useAlbumMusicList.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport PluginManager from \"@/core/pluginManager\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport default function useAlbumDetail(\n    originalAlbumItem: IAlbum.IAlbumItem | null,\n) {\n    const currentPageRef = useRef(1);\n\n    const [requestState, setRequestState] = useState<RequestStateCode>(RequestStateCode.IDLE);\n    const [albumItem, setAlbumItem] = useState<IAlbum.IAlbumItemBase | null>(\n        originalAlbumItem,\n    );\n    const [musicList, setMusicList] = useState<IMusic.IMusicItem[]>(\n        originalAlbumItem?.musicList ?? [],\n    );\n\n    const getAlbumDetail = useCallback(\n        async function () {\n            // 加载中：直接退出\n            if (originalAlbumItem === null ||\n                requestState === RequestStateCode.FINISHED ||\n                requestState === RequestStateCode.PENDING_FIRST_PAGE ||\n                requestState === RequestStateCode.PENDING_REST_PAGE) {\n                return;\n            }\n\n            try {\n                if (currentPageRef.current === 1) {\n                    setRequestState(RequestStateCode.PENDING_FIRST_PAGE);\n                } else {\n                    setRequestState(RequestStateCode.PENDING_REST_PAGE);\n                }\n                const result = await PluginManager.getByMedia(\n                    originalAlbumItem,\n                )?.methods?.getAlbumInfo?.(\n                    originalAlbumItem,\n                    currentPageRef.current,\n                );\n                if (!result) {\n                    throw new Error();\n                }\n                if (result?.albumItem) {\n                    setAlbumItem(prev => ({\n                        ...(prev ?? {}),\n                        ...(result.albumItem as IAlbum.IAlbumItemBase),\n                        platform: originalAlbumItem.platform,\n                    }));\n                }\n                if (result?.musicList) {\n                    setMusicList(prev => {\n                        if (currentPageRef.current === 1) {\n                            return result?.musicList ?? prev;\n                        } else {\n                            return [...prev, ...(result.musicList ?? [])];\n                        }\n                    });\n                }\n                if (result.isEnd) {\n                    setRequestState(RequestStateCode.FINISHED);\n                } else {\n                    setRequestState(RequestStateCode.PARTLY_DONE);\n                }\n                currentPageRef.current += 1;\n            } catch {\n                setRequestState(RequestStateCode.ERROR);\n            }\n        },\n        [requestState],\n    );\n\n    useEffect(() => {\n        getAlbumDetail();\n    }, []);\n\n    return [requestState, albumItem, musicList, getAlbumDetail] as const;\n}\n"
  },
  {
    "path": "src/pages/albumDetail/index.tsx",
    "content": "import React from \"react\";\nimport useAlbumDetail from \"./hooks/useAlbumMusicList\";\nimport { useParams } from \"@/core/router\";\nimport MusicSheetPage from \"@/components/musicSheetPage\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function AlbumDetail() {\n    const { albumItem: originalAlbumItem } = useParams<\"album-detail\">();\n    const [requestStateCode, albumItem, musicList, getAlbumDetail] =\n        useAlbumDetail(originalAlbumItem);\n    const { t } = useI18N();\n\n    return (\n        <MusicSheetPage\n            navTitle={t(\"common.sheet\")}\n            sheetInfo={albumItem}\n            state={requestStateCode}\n            onRetry={getAlbumDetail}\n            onLoadMore={getAlbumDetail}\n            musicList={musicList}\n        />\n    );\n}\n"
  },
  {
    "path": "src/pages/artistDetail/components/body.tsx",
    "content": "import React, { useState } from \"react\";\nimport { StyleSheet, Text } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport { SceneMap, TabBar, TabView } from \"react-native-tab-view\";\nimport { fontWeightConst } from \"@/constants/uiConst\";\nimport ResultList from \"./resultList\";\nimport { useAtomValue } from \"jotai\";\nimport { queryResultAtom } from \"../store/atoms\";\nimport content from \"./content\";\nimport useColors from \"@/hooks/useColors\";\nimport { useI18N } from \"@/core/i18n\";\n\nconst sceneMap: Record<string, React.FC> = {\n    album: BodyContentWrapper,\n    music: BodyContentWrapper,\n};\n\nconst routes = [\n    {\n        key: \"music\",\n        i18nKey: \"common.singleMusic\",\n        title: \"单曲\",\n    },\n    {\n        key: \"album\",\n        i18nKey: \"common.album\",\n        title: \"专辑\",\n    },\n];\n\nexport default function Body() {\n    const [index, setIndex] = useState(0);\n    const colors = useColors();\n    const { t } = useI18N();\n\n    return (\n        <TabView\n            lazy\n            style={style.wrapper}\n            navigationState={{\n                index,\n                routes,\n            }}\n            renderTabBar={props => (\n                <TabBar\n                    {...props}\n                    style={style.transparentColor}\n                    tabStyle={{\n                        width: \"auto\",\n                    }}\n                    renderIndicator={() => null}\n                    pressColor=\"transparent\"\n                    inactiveColor={colors.text}\n                    activeColor={colors.primary}\n                    renderLabel={({ route, focused, color }) => (\n                        <Text\n                            numberOfLines={1}\n                            style={{\n                                width: rpx(160),\n                                fontWeight: focused\n                                    ? fontWeightConst.bolder\n                                    : fontWeightConst.medium,\n                                color,\n                                textAlign: \"center\",\n                            }}>\n                            {t(route.i18nKey as any) ?? route.title}\n                        </Text>\n                    )}\n                />\n            )}\n            renderScene={SceneMap(sceneMap)}\n            onIndexChange={setIndex}\n            initialLayout={{ width: rpx(750) }}\n        />\n    );\n}\n\nexport function BodyContentWrapper(props: any) {\n    const tab: IArtist.ArtistMediaType = props.route.key;\n    const queryResult = useAtomValue(queryResultAtom);\n\n    const Component = content[tab];\n    const renderItem = ({ item, index }: any) => (\n        <Component item={item} index={index} />\n    );\n\n    return (\n        <ResultList tab={tab} data={queryResult[tab]} renderItem={renderItem} />\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        zIndex: 100,\n    },\n    transparentColor: {\n        backgroundColor: \"transparent\",\n        shadowColor: \"transparent\",\n        borderColor: \"transparent\",\n    },\n});\n"
  },
  {
    "path": "src/pages/artistDetail/components/content/albumContentItem.tsx",
    "content": "import React from \"react\";\nimport AlbumItem from \"@/components/mediaItem/albumItem\";\n\ninterface IAlbumContentProps {\n    item: IAlbum.IAlbumItem;\n}\nexport default function AlbumContentItem(props: IAlbumContentProps) {\n    const { item } = props;\n    return <AlbumItem albumItem={item} />;\n}\n"
  },
  {
    "path": "src/pages/artistDetail/components/content/index.ts",
    "content": "import AlbumContentItem from \"./albumContentItem\";\nimport MusicContentItem from \"./musicContentItem\";\n\nconst content: Record<IArtist.ArtistMediaType, (...args: any) => JSX.Element> =\n    {\n        music: MusicContentItem,\n        album: AlbumContentItem,\n    } as const;\n\nexport default content;\n"
  },
  {
    "path": "src/pages/artistDetail/components/content/musicContentItem.tsx",
    "content": "import React from \"react\";\nimport MusicItem from \"@/components/mediaItem/musicItem\";\n\ninterface IMusicContentProps {\n    item: IMusic.IMusicItem;\n}\nexport default function MusicContentItem(props: IMusicContentProps) {\n    const { item } = props;\n    return <MusicItem musicItem={item} />;\n}\n"
  },
  {
    "path": "src/pages/artistDetail/components/header.tsx",
    "content": "import React, { useEffect } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport Animated, {\n    useAnimatedStyle,\n    useSharedValue,\n    withTiming,\n} from \"react-native-reanimated\";\nimport { useAtomValue } from \"jotai\";\nimport { scrollToTopAtom } from \"../store/atoms\";\nimport ThemeText from \"@/components/base/themeText\";\nimport Tag from \"@/components/base/tag\";\nimport { useParams } from \"@/core/router\";\nimport Image from \"@/components/base/image\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport { useI18N } from \"@/core/i18n\";\n\nconst headerHeight = rpx(350);\n\ninterface IHeaderProps {\n    neverFold?: boolean;\n}\n\nexport default function Header(props: IHeaderProps) {\n    const { neverFold } = props;\n\n    const { artistItem } = useParams<\"artist-detail\">();\n\n    const heightValue = useSharedValue(headerHeight);\n    const opacityValue = useSharedValue(1);\n    const scrollToTopState = useAtomValue(scrollToTopAtom);\n\n    const { t } = useI18N();\n\n    const heightStyle = useAnimatedStyle(() => {\n        return {\n            height: heightValue.value,\n            opacity: opacityValue.value,\n        };\n    });\n\n    const avatar = artistItem.avatar?.startsWith(\"//\")\n        ? `https:${artistItem.avatar}`\n        : artistItem.avatar;\n\n    /** 折叠 */\n    useEffect(() => {\n        if (neverFold) {\n            heightValue.value = withTiming(headerHeight);\n            opacityValue.value = withTiming(1);\n            return;\n        }\n        if (scrollToTopState) {\n            heightValue.value = withTiming(headerHeight);\n            opacityValue.value = withTiming(1);\n        } else {\n            heightValue.value = withTiming(0);\n            opacityValue.value = withTiming(0);\n        }\n    }, [scrollToTopState, neverFold]);\n\n    return (\n        <Animated.View style={[styles.wrapper, heightStyle]}>\n            <View style={styles.headerWrapper}>\n                <Image\n                    emptySrc={ImgAsset.albumDefault}\n                    uri={avatar}\n                    style={styles.artist}\n                />\n                <View style={styles.info}>\n                    <View style={styles.title}>\n                        <ThemeText\n                            fontSize=\"title\"\n                            style={styles.titleText}\n                            numberOfLines={1}\n                            ellipsizeMode=\"tail\">\n                            {artistItem?.name ?? \"\"}\n                        </ThemeText>\n                        {artistItem.platform ? (\n                            <Tag tagName={artistItem.platform} />\n                        ) : null}\n                    </View>\n\n                    {artistItem.fans ? (\n                        <ThemeText\n                            fontSize=\"subTitle\"\n                            fontColor=\"textSecondary\">\n                            {t(\"artistDetail.fansCount\", {\n                                count: artistItem.fans,\n                            })}\n                        </ThemeText>\n                    ) : null}\n                </View>\n            </View>\n\n            <ThemeText\n                style={styles.description}\n                numberOfLines={2}\n                ellipsizeMode=\"tail\"\n                fontColor=\"textSecondary\"\n                fontSize=\"description\">\n                {artistItem?.description ?? \"\"}\n            </ThemeText>\n        </Animated.View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    wrapper: {\n        width: rpx(750),\n        height: headerHeight,\n        backgroundColor: \"rgba(28, 28, 28, 0.1)\",\n        zIndex: 1,\n    },\n    artist: {\n        width: rpx(144),\n        height: rpx(144),\n        borderRadius: rpx(16),\n    },\n    headerWrapper: {\n        width: rpx(750),\n        paddingTop: rpx(24),\n        paddingHorizontal: rpx(24),\n        height: rpx(240),\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    info: {\n        marginLeft: rpx(24),\n        justifyContent: \"space-around\",\n        height: rpx(144),\n    },\n    title: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    titleText: {\n        marginRight: rpx(18),\n        maxWidth: rpx(400),\n    },\n    description: {\n        marginTop: rpx(24),\n        width: rpx(750),\n        paddingHorizontal: rpx(24),\n    },\n});\n"
  },
  {
    "path": "src/pages/artistDetail/components/resultList.tsx",
    "content": "import ListEmpty from \"@/components/base/listEmpty\";\nimport ListFooter from \"@/components/base/listFooter\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\nimport { useParams } from \"@/core/router\";\nimport rpx from \"@/utils/rpx\";\nimport { FlashList } from \"@shopify/flash-list\";\nimport { useAtom } from \"jotai\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport useQueryArtist from \"../hooks/useQuery\";\nimport { IQueryResult, scrollToTopAtom } from \"../store/atoms\";\n\nconst ITEM_HEIGHT = rpx(120);\n\ninterface IResultListProps<T = IArtist.ArtistMediaType> {\n    tab: T;\n    data: IQueryResult<T>;\n    renderItem: (...args: any) => any;\n}\nexport default function ResultList(props: IResultListProps) {\n    const { data, renderItem, tab } = props;\n    const [scrollToTopState, setScrollToTopState] = useAtom(scrollToTopAtom);\n    const lastScrollY = useRef<number>(0);\n    const { pluginHash, artistItem } = useParams<\"artist-detail\">();\n    const [queryState, setQueryState] = useState<RequestStateCode>(\n        data?.state ?? RequestStateCode.IDLE,\n    );\n\n    const queryArtist = useQueryArtist(pluginHash);\n\n    useEffect(() => {\n        queryState === RequestStateCode.IDLE && queryArtist(artistItem, 1, tab);\n    }, []);\n\n    useEffect(() => {\n        setQueryState(data?.state ?? RequestStateCode.IDLE);\n    }, [data]);\n\n    return (\n        <FlashList\n            onScroll={e => {\n                const currentY = e.nativeEvent.contentOffset.y;\n                if (\n                    !scrollToTopState &&\n                    currentY < ITEM_HEIGHT * 8 - rpx(350)\n                ) {\n                    currentY < lastScrollY.current && setScrollToTopState(true);\n                } else {\n                    if (scrollToTopState && currentY > ITEM_HEIGHT * 8) {\n                        currentY > lastScrollY.current &&\n                            setScrollToTopState(false);\n                    }\n                }\n                lastScrollY.current = currentY;\n            }}\n            ListEmptyComponent={<ListEmpty state={queryState} onRetry={() => {\n                queryArtist(artistItem, 1, tab);\n            }}/>}\n            ListFooterComponent={\n                data.data?.length ? <ListFooter state={queryState} onRetry={() => {\n                    queryArtist(artistItem, undefined, tab);\n                }}/> : null\n            }\n            onEndReached={() => {\n                (queryState === RequestStateCode.IDLE ||\n                    queryState === RequestStateCode.PARTLY_DONE) &&\n                    queryArtist(artistItem, undefined, tab);\n            }}\n            estimatedItemSize={ITEM_HEIGHT}\n            overScrollMode=\"always\" \n            data={data.data ?? []}\n            renderItem={renderItem}\n        />\n    );\n}\n"
  },
  {
    "path": "src/pages/artistDetail/hooks/useQuery.ts",
    "content": "import { errorLog } from \"@/utils/log\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\nimport { produce } from \"immer\";\nimport { useAtom } from \"jotai\";\nimport { useCallback } from \"react\";\nimport { queryResultAtom } from \"../store/atoms\";\nimport PluginManager from \"@/core/pluginManager\";\n\nexport default function useQueryArtist(pluginHash: string) {\n    const [queryResults, setQueryResults] = useAtom(queryResultAtom);\n\n    const queryArtist = useCallback(\n        async (\n            artist: IArtist.IArtistItem,\n            page?: number,\n            type: IArtist.ArtistMediaType = \"music\",\n        ) => {\n            const plugin = PluginManager.getByHash(pluginHash);\n\n            const prevResult = queryResults[type];\n            if (\n                prevResult?.state === RequestStateCode.PENDING_FIRST_PAGE ||\n                prevResult?.state === RequestStateCode.PENDING_REST_PAGE ||\n                prevResult?.state === RequestStateCode.FINISHED\n            ) {\n                return;\n            }\n            page = page ?? ((prevResult.page ?? 0) + 1);\n            try {\n                setQueryResults(\n                    produce(draft => {\n                        draft[type].state = page === 1 ? RequestStateCode.PENDING_FIRST_PAGE : RequestStateCode.PENDING_REST_PAGE;\n                    }),\n                );\n                const result = await plugin?.methods?.getArtistWorks?.(\n                    artist,\n                    page,\n                    type,\n                );\n                setQueryResults(\n                    produce(draft => {\n                        draft[type].page = page;\n                        draft[type].state =\n                            result?.isEnd === false\n                                ? RequestStateCode.PARTLY_DONE\n                                : RequestStateCode.FINISHED;\n                        if (page === 1) {\n                            // 首页\n                            draft[type].data = result?.data ?? [];\n                        } else {\n                            draft[type].data = (draft[type].data ?? []).concat(\n                                result?.data ?? [],\n                            );\n                        }\n                    }),\n                );\n            } catch (e) {\n                errorLog(\"拉取作者信息失败\", e);\n                setQueryResults(\n                    produce(draft => {\n                        draft[type].state = RequestStateCode.ERROR;\n                    }),\n                );\n            }\n        },\n        [queryResults],\n    );\n\n    return queryArtist;\n}\n"
  },
  {
    "path": "src/pages/artistDetail/index.tsx",
    "content": "import React, { useEffect } from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport MusicBar from \"@/components/musicBar\";\r\nimport Header from \"./components/header\";\r\nimport Body from \"./components/body\";\r\nimport { useAtom, useSetAtom } from \"jotai\";\r\nimport { initQueryResult, queryResultAtom, scrollToTopAtom } from \"./store/atoms\";\r\nimport { ROUTE_PATH, useNavigate, useParams } from \"@/core/router\";\r\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\r\nimport globalStyle from \"@/constants/globalStyle\";\r\nimport useOrientation from \"@/hooks/useOrientation\";\r\nimport AppBar from \"@/components/base/appBar\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\nexport default function ArtistDetail() {\r\n    const [queryResult, setQueryResult] = useAtom(queryResultAtom);\r\n    const { artistItem } = useParams<\"artist-detail\">();\r\n    const setScrollToTopState = useSetAtom(scrollToTopAtom);\r\n    const navigate = useNavigate();\r\n    const orientation = useOrientation();\r\n    const { t } = useI18N();\r\n\r\n    useEffect(() => {\r\n        return () => {\r\n            setQueryResult(initQueryResult);\r\n            setScrollToTopState(true);\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\r\n            <AppBar\r\n                withStatusBar\r\n                menu={[\r\n                    {\r\n                        title: t(\"artistDetail.menu.batchEditMusic\"),\r\n                        icon: \"pencil-square\",\r\n                        onPress() {\r\n                            navigate(ROUTE_PATH.MUSIC_LIST_EDITOR, {\r\n                                musicList: queryResult?.music?.data ?? [],\r\n                                musicSheet: {\r\n                                    title: t(\"artistDetail.musicSheet\", {\r\n                                        artist: artistItem.name,\r\n                                    }),\r\n                                },\r\n                            });\r\n                        },\r\n                    },\r\n                ]}>\r\n                {t(\"common.artist\")}\r\n            </AppBar>\r\n            <View\r\n                style={\r\n                    orientation === \"horizontal\"\r\n                        ? style.horizontal\r\n                        : globalStyle.flex1\r\n                }>\r\n                <Header neverFold={orientation === \"horizontal\"} />\r\n                <Body />\r\n            </View>\r\n\r\n            <MusicBar />\r\n        </VerticalSafeAreaView>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    horizontal: {\r\n        flexDirection: \"row\",\r\n        flex: 1,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/artistDetail/store/atoms.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport { atom } from \"jotai\";\n\nexport const scrollToTopAtom = atom(true);\n\nexport interface IQueryResult<\n    T extends IArtist.ArtistMediaType = IArtist.ArtistMediaType,\n> {\n    state?: RequestStateCode;\n    page?: number;\n    data?: ICommon.SupportMediaItemBase[T];\n}\n\ntype IQueryResults<\n    K extends IArtist.ArtistMediaType = IArtist.ArtistMediaType,\n> = {\n    [T in K]: IQueryResult<T>;\n};\n\nexport const initQueryResult: IQueryResults = {\n    music: {},\n    album: {},\n};\n\nexport const queryResultAtom = atom(initQueryResult);\n"
  },
  {
    "path": "src/pages/downloading/downloadingList.tsx",
    "content": "import React from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport { sizeFormatter } from \"@/utils/fileUtils\";\r\nimport { DownloadFailReason, DownloadStatus, useDownloadQueue, useDownloadTask } from \"@/core/downloader\";\r\nimport { FlashList } from \"@shopify/flash-list\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\n\r\ninterface DownloadingListItemProps {\r\n    musicItem: IMusic.IMusicItem;\r\n}\r\nfunction DownloadingListItem(props: DownloadingListItemProps) {\r\n    const { musicItem } = props;\r\n    const taskInfo = useDownloadTask(musicItem);\r\n    const { t } = useI18N();\r\n\r\n    const status = taskInfo?.status ?? DownloadStatus.Error;\r\n\r\n    let description = \"\";\r\n\r\n    if (status === DownloadStatus.Error) {\r\n        const reason = taskInfo?.errorReason;\r\n\r\n        if (reason === DownloadFailReason.NoWritePermission) {\r\n            description = t(\"downloading.downloadFailReason.noWritePermission\");\r\n        } else if (reason === DownloadFailReason.FailToFetchSource) {\r\n            description = t(\"downloading.downloadFailReason.failToFetchSource\");\r\n        } else {\r\n            description = t(\"downloading.downloadFailReason.unknown\");\r\n        }\r\n    } else if (status === DownloadStatus.Completed) {\r\n        description = t(\"downloading.downloadStatus.completed\");\r\n    } else if (status === DownloadStatus.Downloading) {\r\n        const progress = taskInfo?.downloadedSize ? sizeFormatter(taskInfo.downloadedSize) : \"-\";\r\n        const totalSize = taskInfo?.fileSize ? sizeFormatter(taskInfo.fileSize) : \"-\";\r\n\r\n        description = t(\"downloading.downloadStatus.downloadProgress\", {\r\n            progress,\r\n            totalSize,\r\n        });\r\n    } else if (status === DownloadStatus.Pending) {\r\n        description = t(\"downloading.downloadStatus.pending\");\r\n    } else if (status === DownloadStatus.Preparing) {\r\n        description = t(\"downloading.downloadStatus.preparing\");\r\n    }\r\n\r\n    return <ListItem withHorizontalPadding>\r\n        <ListItem.Content\r\n            title={musicItem.title}\r\n            description={description}\r\n        />\r\n    </ListItem>;\r\n\r\n}\r\n\r\nexport default function DownloadingList() {\r\n    const downloadQueue = useDownloadQueue();\r\n\r\n\r\n    return (\r\n        <View style={style.wrapper}>\r\n            <FlashList\r\n                style={style.downloading}\r\n                data={downloadQueue}\r\n                keyExtractor={_ => `dl${_.platform}.${_.id}`}\r\n                renderItem={({ item }) => {\r\n                    return <DownloadingListItem musicItem={item} />;\r\n                }}\r\n            />\r\n        </View>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: rpx(750),\r\n        flex: 1,\r\n    },\r\n    downloading: {\r\n        flexGrow: 0,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/downloading/index.tsx",
    "content": "import React from \"react\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport DownloadingList from \"./downloadingList\";\nimport MusicBar from \"@/components/musicBar\";\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport AppBar from \"@/components/base/appBar\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function Downloading() {\n    const { t } = useI18N();\n\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <StatusBar />\n            <AppBar>{t(\"downloading.title\")}</AppBar>\n            <DownloadingList />\n            <MusicBar />\n        </VerticalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/pages/fileSelector/fileItem.tsx",
    "content": "import React, { memo } from \"react\";\r\nimport { Pressable, StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport useTextColor from \"@/hooks/useTextColor\";\r\nimport Checkbox from \"@/components/base/checkbox\";\r\nimport { TouchableOpacity } from \"react-native-gesture-handler\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport { iconSizeConst } from \"@/constants/uiConst.ts\";\r\n\r\nconst ITEM_HEIGHT = rpx(96);\r\n\r\ninterface IProps {\r\n    type: \"folder\" | \"file\";\r\n    path: string;\r\n    parentPath: string;\r\n    checked?: boolean;\r\n    onItemPress: (currentChecked?: boolean) => void;\r\n    onCheckedChange: (checked: boolean) => void;\r\n}\r\nfunction FileItem(props: IProps) {\r\n    const {\r\n        type,\r\n        path,\r\n        parentPath,\r\n        checked,\r\n        onItemPress,\r\n        onCheckedChange: onCheckChange,\r\n    } = props;\r\n\r\n    const textColor = useTextColor();\r\n\r\n    // 返回逻辑\r\n\r\n    return (\r\n        <View style={styles.container}>\r\n            <Pressable\r\n                onPress={() => {\r\n                    onItemPress(checked);\r\n                }}\r\n                style={styles.pathWrapper}>\r\n                <Icon\r\n                    name={\r\n                        type === \"folder\"\r\n                            ? \"folder-outline\"\r\n                            : \"document-outline\"\r\n                    }\r\n                    color={textColor}\r\n                    style={styles.folderIcon}\r\n                    size={iconSizeConst.light}\r\n                />\r\n                <ThemeText\r\n                    style={styles.path}\r\n                    numberOfLines={1}\r\n                    ellipsizeMode=\"tail\">\r\n                    {path.substring(\r\n                        parentPath === \"/\" ? 1 : parentPath.length + 1,\r\n                    )}\r\n                </ThemeText>\r\n            </Pressable>\r\n            <TouchableOpacity\r\n                onPress={() => {\r\n                    onCheckChange(!checked);\r\n                }}\r\n                style={styles.checkIcon}>\r\n                <Checkbox checked={checked} />\r\n            </TouchableOpacity>\r\n        </View>\r\n    );\r\n}\r\n\r\nexport default memo(\r\n    FileItem,\r\n    (prev, curr) =>\r\n        prev.checked === curr.checked &&\r\n        prev.parentPath === curr.parentPath &&\r\n        prev.path === curr.path,\r\n);\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        width: \"100%\",\r\n        height: ITEM_HEIGHT,\r\n        paddingHorizontal: rpx(24),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-between\",\r\n    },\r\n    folderIcon: {\r\n        fontSize: rpx(32),\r\n        marginRight: rpx(14),\r\n    },\r\n    pathWrapper: {\r\n        flexDirection: \"row\",\r\n        flex: 1,\r\n        alignItems: \"center\",\r\n        height: \"100%\",\r\n        marginRight: rpx(60),\r\n    },\r\n    path: {\r\n        height: \"100%\",\r\n        textAlignVertical: \"center\",\r\n    },\r\n    checkIcon: {\r\n        padding: rpx(14),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/fileSelector/index.tsx",
    "content": "import Empty from \"@/components/base/empty\";\r\nimport IconButton from \"@/components/base/iconButton\";\r\nimport Loading from \"@/components/base/loading\";\r\nimport StatusBar from \"@/components/base/statusBar\";\r\nimport Button from \"@/components/base/textButton.tsx\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\r\nimport globalStyle from \"@/constants/globalStyle\";\r\nimport i18n from \"@/core/i18n\";\r\nimport { useParams } from \"@/core/router\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport useHardwareBack from \"@/hooks/useHardwareBack\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport { useNavigation } from \"@react-navigation/native\";\r\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { Pressable, StyleSheet, View } from \"react-native\";\r\nimport {\r\n    ExternalStorageDirectoryPath,\r\n    exists,\r\n    getAllExternalFilesDirs,\r\n    readDir,\r\n} from \"react-native-fs\";\r\nimport { FlatList } from \"react-native-gesture-handler\";\r\nimport FileItem from \"./fileItem\";\r\n\r\ninterface IPathItem {\r\n    path: string;\r\n    parent: null | IPathItem;\r\n}\r\n\r\ninterface IFileItem {\r\n    path: string;\r\n    type: \"file\" | \"folder\";\r\n}\r\n\r\nconst ITEM_HEIGHT = rpx(96);\r\n\r\nexport default function FileSelector() {\r\n    const {\r\n        fileType = \"file-and-folder\",\r\n        multi = true,\r\n        actionText = i18n.t(\"common.sure\"),\r\n        matchExtension,\r\n        onAction,\r\n    } = useParams<\"file-selector\">() ?? {};\r\n\r\n    const [currentPath, setCurrentPath] = useState<IPathItem>({\r\n        path: \"/\",\r\n        parent: null,\r\n    });\r\n    const currentPathRef = useRef<IPathItem>(currentPath);\r\n    const [filesData, setFilesData] = useState<IFileItem[]>([]);\r\n    const [checkedItems, setCheckedItems] = useState<IFileItem[]>([]);\r\n\r\n    const checkedPaths = useMemo(\r\n        () => checkedItems.map(_ => _.path),\r\n        [checkedItems],\r\n    );\r\n    const navigation = useNavigation();\r\n    const colors = useColors();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    useEffect(() => {\r\n        (async () => {\r\n            // 路径变化时，重新读取\r\n            setLoading(true);\r\n            try {\r\n                if (currentPath.path === \"/\") {\r\n                    try {\r\n                        const allExt = await getAllExternalFilesDirs();\r\n                        if (allExt.length > 1) {\r\n                            const sdCardPaths = allExt.map(sdp =>\r\n                                sdp.substring(0, sdp.indexOf(\"/Android\")),\r\n                            );\r\n                            if (\r\n                                (\r\n                                    await Promise.all(\r\n                                        sdCardPaths.map(_ => exists(_)),\r\n                                    )\r\n                                ).every(val => val)\r\n                            ) {\r\n                                setFilesData(\r\n                                    sdCardPaths.map(_ => ({\r\n                                        type: \"folder\",\r\n                                        path: _,\r\n                                    })),\r\n                                );\r\n                            }\r\n                        } else {\r\n                            setCurrentPath({\r\n                                path: ExternalStorageDirectoryPath,\r\n                                parent: null,\r\n                            });\r\n                            return;\r\n                        }\r\n                    } catch {\r\n                        setCurrentPath({\r\n                            path: ExternalStorageDirectoryPath,\r\n                            parent: null,\r\n                        });\r\n                        return;\r\n                    }\r\n                } else {\r\n                    const res = (await readDir(currentPath.path)) ?? [];\r\n                    let folders: IFileItem[] = [];\r\n                    let files: IFileItem[] = [];\r\n                    if (\r\n                        fileType === \"folder\" ||\r\n                        fileType === \"file-and-folder\"\r\n                    ) {\r\n                        folders = res\r\n                            .filter(_ => _.isDirectory())\r\n                            .map(_ => ({\r\n                                type: \"folder\",\r\n                                path: _.path,\r\n                            }));\r\n                    }\r\n                    if (fileType === \"file\" || fileType === \"file-and-folder\") {\r\n                        files = res\r\n                            .filter(\r\n                                _ =>\r\n                                    _.isFile() &&\r\n                                    (matchExtension\r\n                                        ? matchExtension(_.path)\r\n                                        : true),\r\n                            )\r\n                            .map(_ => ({\r\n                                type: \"file\",\r\n                                path: _.path,\r\n                            }));\r\n                    }\r\n                    setFilesData([...folders, ...files]);\r\n                }\r\n            } catch {\r\n                setFilesData([]);\r\n            }\r\n            setLoading(false);\r\n            currentPathRef.current = currentPath;\r\n        })();\r\n    }, [currentPath.path]);\r\n\r\n    useHardwareBack(() => {\r\n        // 注意闭包\r\n        const _currentPath = currentPathRef.current;\r\n        if (_currentPath.parent !== null) {\r\n            setCurrentPath(_currentPath.parent);\r\n        } else {\r\n            navigation.goBack();\r\n        }\r\n        return true;\r\n    });\r\n\r\n    const selectPath = useCallback(\r\n        (item: IFileItem | IFileItem[], nextChecked: boolean) => {\r\n            if (multi) {\r\n                if (!Array.isArray(item)) {\r\n                    item = [item];\r\n                }\r\n                setCheckedItems(prev => {\r\n                    const itemPaths = (item as IFileItem[]).map(_ => _.path);\r\n                    const newCheckedItem = prev.filter(\r\n                        _ => !itemPaths.includes(_.path),\r\n                    );\r\n                    if (nextChecked) {\r\n                        return [...newCheckedItem, ...(item as IFileItem[])];\r\n                    } else {\r\n                        return newCheckedItem;\r\n                    }\r\n                });\r\n            } else {\r\n                setCheckedItems(\r\n                    nextChecked ? (Array.isArray(item) ? item : [item]) : [],\r\n                );\r\n            }\r\n        },\r\n        [],\r\n    );\r\n\r\n    const renderItem = ({ item }: { item: IFileItem }) => (\r\n        <FileItem\r\n            path={item.path}\r\n            type={item.type}\r\n            parentPath={currentPath.path}\r\n            onItemPress={currentChecked => {\r\n                if (item.type === \"folder\") {\r\n                    setCurrentPath(prev => ({\r\n                        parent: prev,\r\n                        path: item.path,\r\n                    }));\r\n                } else {\r\n                    selectPath(item, !currentChecked);\r\n                }\r\n            }}\r\n            checked={checkedPaths.includes(item.path)}\r\n            onCheckedChange={checked => {\r\n                selectPath(item, checked);\r\n            }}\r\n        />\r\n    );\r\n\r\n    const currentPageAllChecked = useMemo(() => {\r\n        return (\r\n            filesData.length &&\r\n            filesData.every(file => checkedPaths.includes(file.path))\r\n        );\r\n    }, [filesData, checkedPaths]);\r\n\r\n    const renderHeader = () => {\r\n        return multi ? (\r\n            <View style={style.selectAll}>\r\n                <Button\r\n                    onPress={() => {\r\n                        if (currentPageAllChecked) {\r\n                            selectPath(filesData, false);\r\n                        } else {\r\n                            selectPath(filesData, true);\r\n                        }\r\n                    }}>\r\n                    {currentPageAllChecked ? \"全不选\" : \"全选\"}\r\n                </Button>\r\n            </View>\r\n        ) : null;\r\n    };\r\n\r\n    return (\r\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\r\n            <StatusBar />\r\n            <View style={[style.header, { backgroundColor: colors.appBar }]}>\r\n                <IconButton\r\n                    sizeType=\"small\"\r\n                    name=\"arrow-long-left\"\r\n                    color={colors.appBarText}\r\n                    onPress={() => {\r\n                        // 返回上一级\r\n                        if (currentPath.parent !== null) {\r\n                            setCurrentPath(currentPath.parent);\r\n                        }\r\n                    }}\r\n                />\r\n                <ThemeText\r\n                    numberOfLines={2}\r\n                    ellipsizeMode=\"head\"\r\n                    fontColor={\"appBarText\"}\r\n                    style={style.headerPath}>\r\n                    {currentPath.path}\r\n                </ThemeText>\r\n            </View>\r\n            {loading ? (\r\n                <Loading />\r\n            ) : (\r\n                <>\r\n                    <FlatList\r\n                        ListHeaderComponent={renderHeader}\r\n                        ListEmptyComponent={Empty}\r\n                        style={globalStyle.fwflex1}\r\n                        data={filesData}\r\n                        getItemLayout={(_, index) => ({\r\n                            length: ITEM_HEIGHT,\r\n                            offset: ITEM_HEIGHT * index,\r\n                            index,\r\n                        })}\r\n                        renderItem={renderItem}\r\n                    />\r\n                </>\r\n            )}\r\n            <Pressable\r\n                onPress={async () => {\r\n                    if (checkedItems.length) {\r\n                        const shouldBack = await onAction?.(checkedItems);\r\n                        if (shouldBack) {\r\n                            navigation.goBack();\r\n                        }\r\n                    }\r\n                }}>\r\n                <View\r\n                    style={[\r\n                        style.scanBtn,\r\n                        {\r\n                            backgroundColor: colors.appBar,\r\n                        },\r\n                    ]}>\r\n                    <ThemeText\r\n                        fontColor={\"appBarText\"}\r\n                        opacity={checkedItems.length > 0 ? undefined : 0.6}>\r\n                        {actionText}\r\n                        {multi && checkedItems?.length > 0\r\n                            ? ` (选中${checkedItems.length})`\r\n                            : \"\"}\r\n                    </ThemeText>\r\n                </View>\r\n            </Pressable>\r\n        </VerticalSafeAreaView>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    header: {\r\n        height: rpx(88),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        width: \"100%\",\r\n        paddingHorizontal: rpx(24),\r\n    },\r\n    headerPath: {\r\n        marginLeft: rpx(28),\r\n    },\r\n    scanBtn: {\r\n        width: \"100%\",\r\n        height: rpx(120),\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n    },\r\n    selectAll: {\r\n        width: \"100%\",\r\n        height: ITEM_HEIGHT,\r\n        paddingHorizontal: rpx(24),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/history/index.tsx",
    "content": "import React from \"react\";\r\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\r\nimport globalStyle from \"@/constants/globalStyle\";\r\nimport StatusBar from \"@/components/base/statusBar\";\r\nimport musicHistory, { useMusicHistory } from \"@/core/musicHistory\";\r\nimport MusicList from \"@/components/musicList\";\r\nimport { musicHistorySheetId, RequestStateCode } from \"@/constants/commonConst\";\r\nimport MusicBar from \"@/components/musicBar\";\r\nimport AppBar from \"@/components/base/appBar\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\nexport default function History() {\r\n    const musicHistoryList = useMusicHistory();\r\n\r\n    const navigate = useNavigate();\r\n    const { t } = useI18N();\r\n\r\n    return (\r\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\r\n            <StatusBar />\r\n            <AppBar\r\n                menu={[\r\n                    {\r\n                        icon: \"trash-outline\",\r\n                        title: t(\"history.clearHistory\"),\r\n                        onPress() {\r\n                            if (musicHistoryList.length) {\r\n                                musicHistory.clearMusic();\r\n                            }\r\n                        },\r\n                    },\r\n                    {\r\n                        icon: \"pencil-square\",\r\n                        title: t(\"common.edit\"),\r\n                        onPress() {\r\n                            navigate(ROUTE_PATH.MUSIC_LIST_EDITOR, {\r\n                                musicList: musicHistoryList,\r\n                                musicSheet: {\r\n                                    id: musicHistorySheetId,\r\n                                    title: t(\"history.title\"),\r\n                                },\r\n                            });\r\n                        },\r\n                    },\r\n                ]}>\r\n                {t(\"history.title\")}\r\n            </AppBar>\r\n            <MusicList\r\n                musicList={musicHistoryList}\r\n                showIndex\r\n                state={RequestStateCode.IDLE}\r\n                musicSheet={{\r\n                    id: musicHistorySheetId,\r\n                    title: t(\"history.title\"),\r\n                    musicList: musicHistoryList,\r\n                } as IMusic.IMusicSheetItem}\r\n            />\r\n            <MusicBar />\r\n        </VerticalSafeAreaView>\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/pages/home/components/ActionButton.tsx",
    "content": "import ThemeText from \"@/components/base/themeText\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport React from \"react\";\r\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\r\nimport { TouchableOpacity } from \"react-native-gesture-handler\";\r\nimport Icon, { IIconName } from \"@/components/base/icon.tsx\";\r\n\r\ninterface IActionButtonProps {\r\n    iconName: IIconName;\r\n    iconColor?: string;\r\n    title: string;\r\n    action?: () => void;\r\n    style?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport default function ActionButton(props: IActionButtonProps) {\r\n    const { iconName, iconColor, title, action, style } = props;\r\n    const colors = useColors();\r\n    // rippleColor=\"rgba(0, 0, 0, .32)\"\r\n    return (\r\n        <TouchableOpacity\r\n            onPress={action}\r\n            style={[\r\n                styles.wrapper,\r\n                {\r\n                    backgroundColor: colors.card,\r\n                },\r\n                style,\r\n            ]}>\r\n            <>\r\n                <Icon\r\n                    accessible={false}\r\n                    name={iconName}\r\n                    color={iconColor ?? colors.text}\r\n                    size={rpx(48)}\r\n                />\r\n                <ThemeText\r\n                    accessible={false}\r\n                    fontSize=\"subTitle\"\r\n                    fontWeight=\"semibold\"\r\n                    style={styles.text}>\r\n                    {title}\r\n                </ThemeText>\r\n            </>\r\n        </TouchableOpacity>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    wrapper: {\r\n        width: rpx(140),\r\n        height: rpx(144),\r\n        borderRadius: rpx(12),\r\n        flexGrow: 1,\r\n        flexShrink: 0,\r\n        flexDirection: \"column\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n    },\r\n    text: {\r\n        marginTop: rpx(12),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/home/components/drawer/index.tsx",
    "content": "import Divider from \"@/components/base/divider\";\nimport { IIconName } from \"@/components/base/icon.tsx\";\nimport ListItem from \"@/components/base/listItem\";\nimport PageBackground from \"@/components/base/pageBackground\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { showDialog } from \"@/components/dialogs/useDialog\";\nimport { showPanel } from \"@/components/panels/usePanel\";\nimport { useI18N } from \"@/core/i18n\";\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\nimport TrackPlayer from \"@/core/trackPlayer\";\nimport { checkUpdateAndShowResult } from \"@/hooks/useCheckUpdate.ts\";\nimport NativeUtils from \"@/native/utils\";\nimport rpx from \"@/utils/rpx\";\nimport { useScheduleCloseCountDown } from \"@/utils/scheduleClose\";\nimport timeformat from \"@/utils/timeformat\";\nimport { DrawerContentScrollView } from \"@react-navigation/drawer\";\nimport React, { memo } from \"react\";\nimport { BackHandler, Platform, StyleSheet, View } from \"react-native\";\nimport { default as DeviceInfo, default as deviceInfoModule } from \"react-native-device-info\";\n\nconst ITEM_HEIGHT = rpx(108);\n\ninterface ISettingOptions {\n    icon: IIconName;\n    title: string;\n    onPress?: () => void;\n}\n\nfunction HomeDrawer(props: any) {\n    const navigate = useNavigate();\n    function navigateToSetting(settingType: string) {\n        navigate(ROUTE_PATH.SETTING, {\n            type: settingType,\n        });\n    }\n\n    const { t, getSupportedLanguages, getLanguage, setLanguage } = useI18N();\n\n    const basicSetting: ISettingOptions[] = [\n        {\n            icon: \"cog-8-tooth\",\n            title: t(\"sidebar.basicSettings\"),\n            onPress: () => {\n                navigateToSetting(\"basic\");\n            },\n        }, {\n            icon: \"javascript\",\n            title: t(\"sidebar.pluginManagement\"),\n            onPress: () => {\n                navigateToSetting(\"plugin\");\n            },\n        },\n        {\n            icon: \"t-shirt-outline\",\n            title: t(\"sidebar.themeSettings\"),\n            onPress: () => {\n                navigateToSetting(\"theme\");\n            },\n        },\n    ];\n\n    const otherSetting: ISettingOptions[] = [\n        {\n            icon: \"circle-stack\",\n            title: t(\"sidebar.backupAndResume\"),\n            onPress: () => {\n                navigateToSetting(\"backup\");\n            },\n        },\n    ];\n\n    if (Platform.OS === \"android\") {\n        otherSetting.push({\n            icon: \"shield-keyhole-outline\",\n            title: t(\"sidebar.permissionManagement\"),\n            onPress: () => {\n                navigate(ROUTE_PATH.PERMISSIONS);\n            },\n        });\n    }\n\n\n    return (\n        <>\n            <PageBackground />\n            <DrawerContentScrollView {...[props]} style={style.scrollWrapper}>\n                <View style={style.header}>\n                    <ThemeText fontSize=\"appbar\" fontWeight=\"bold\">\n                        {DeviceInfo.getApplicationName()}\n                    </ThemeText>\n                    {/* <IconButton icon={'qrcode-scan'} size={rpx(36)} /> */}\n                </View>\n                <View style={style.card}>\n                    <ListItem withHorizontalPadding heightType=\"smallest\">\n                        <ListItem.ListItemText\n                            fontSize=\"subTitle\"\n                            fontWeight=\"bold\">\n                            {t(\"common.setting\")}\n                        </ListItem.ListItemText>\n                    </ListItem>\n                    {basicSetting.map((item, index) => (\n                        <ListItem\n                            withHorizontalPadding\n                            key={\"basic-setting-\" + index}\n                            onPress={item.onPress}>\n                            <ListItem.ListItemIcon\n                                icon={item.icon}\n                                width={rpx(48)}\n                            />\n                            <ListItem.Content title={item.title} />\n                        </ListItem>\n                    ))}\n                </View>\n                <View style={style.card}>\n                    <ListItem withHorizontalPadding heightType=\"smallest\">\n                        <ListItem.ListItemText\n                            fontSize=\"subTitle\"\n                            fontWeight=\"bold\">\n                            {t(\"common.other\")}\n                        </ListItem.ListItemText>\n                    </ListItem>\n                    <CountDownItem />\n                    {otherSetting.map((item, index) => (\n                        <ListItem\n                            withHorizontalPadding\n                            key={\"other-setting-\" + index}\n                            onPress={item.onPress}>\n                            <ListItem.ListItemIcon\n                                icon={item.icon}\n                                width={rpx(48)}\n                            />\n                            <ListItem.Content title={item.title} />\n                        </ListItem>\n                    ))}\n                    <ListItem withHorizontalPadding key='language' onPress={() => {\n                        showDialog(\"RadioDialog\", {\n                            \"content\": getSupportedLanguages().map(item => ({\n                                title: item.name,\n                                value: item.locale,\n                                label: item.name,\n                            })),\n                            title: t(\"sidebar.languageSettings\"),\n                            onOk(value) {\n                                setLanguage(value as string);\n                            },\n                            defaultSelected: getLanguage().locale,\n                        });\n                    }}>\n                        <ListItem.ListItemIcon icon='language' width={rpx(48)} />\n                        <ListItem.Content title={t(\"sidebar.languageSettings\")} />\n                        <ListItem.ListItemText fontSize='subTitle' position='right'>{getLanguage().name}</ListItem.ListItemText>\n                    </ListItem>\n                </View>\n\n                <View style={style.card}>\n                    <ListItem withHorizontalPadding heightType=\"smallest\">\n                        <ListItem.ListItemText\n                            fontSize=\"subTitle\"\n                            fontWeight=\"bold\">\n                            {t(\"common.software\")}\n                        </ListItem.ListItemText>\n                    </ListItem>\n\n                    <ListItem\n                        withHorizontalPadding\n                        key={\"update\"}\n                        onPress={() => {\n                            checkUpdateAndShowResult(true);\n                        }}>\n                        <ListItem.ListItemIcon\n                            icon={\"arrow-path\"}\n                            width={rpx(48)}\n                        />\n                        <ListItem.Content title={t(\"sidebar.checkUpdate\")} />\n                        <ListItem.ListItemText\n                            position=\"right\"\n                            fontSize=\"subTitle\">\n                            {`${t(\"sidebar.currentVersion\")}${deviceInfoModule.getVersion()}`}\n                        </ListItem.ListItemText>\n                    </ListItem>\n                    <ListItem\n                        withHorizontalPadding\n                        key={\"about\"}\n                        onPress={() => {\n                            navigateToSetting(\"about\");\n                        }}>\n                        <ListItem.ListItemIcon\n                            icon={\"information-circle\"}\n                            width={rpx(48)}\n                        />\n                        <ListItem.Content\n                            title={`${t(\"common.about\")} ${deviceInfoModule.getApplicationName()}`}\n                        />\n                    </ListItem>\n                </View>\n\n                <Divider />\n                <ListItem\n                    withHorizontalPadding\n                    onPress={() => {\n                        // 仅安卓生效\n                        BackHandler.exitApp();\n                    }}>\n                    <ListItem.ListItemIcon\n                        icon={\"home-outline\"}\n                        width={rpx(48)}\n                    />\n                    <ListItem.Content title={t(\"sidebar.backToDesktop\")} />\n                </ListItem>\n                <ListItem\n                    withHorizontalPadding\n                    onPress={async () => {\n                        await TrackPlayer.reset();\n                        NativeUtils.exitApp();\n                    }}>\n                    <ListItem.ListItemIcon\n                        icon={\"power-outline\"}\n                        width={rpx(48)}\n                    />\n                    <ListItem.Content title={t(\"sidebar.exitApp\")} />\n                </ListItem>\n            </DrawerContentScrollView>\n        </>\n    );\n}\n\nexport default memo(HomeDrawer, () => true);\n\nconst style = StyleSheet.create({\n    wrapper: {\n        flex: 1,\n        backgroundColor: \"#999999\",\n    },\n    scrollWrapper: {\n        paddingTop: rpx(12),\n    },\n\n    header: {\n        height: rpx(120),\n        width: \"100%\",\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        marginLeft: rpx(24),\n    },\n    card: {\n        marginBottom: rpx(24),\n    },\n    cardContent: {\n        paddingHorizontal: 0,\n    },\n\n    /** 倒计时 */\n    countDownText: {\n        height: ITEM_HEIGHT,\n        textAlignVertical: \"center\",\n    },\n});\n\nfunction _CountDownItem() {\n    const countDown = useScheduleCloseCountDown();\n    const { t } = useI18N();\n\n    return (\n        <ListItem\n            withHorizontalPadding\n            onPress={() => {\n                showPanel(\"TimingClose\");\n            }}>\n            <ListItem.ListItemIcon icon=\"alarm-outline\" width={rpx(48)} />\n            <ListItem.Content title={t(\"sidebar.scheduleClose\")} />\n            <ListItem.ListItemText position=\"right\" fontSize=\"subTitle\">\n                {countDown ? timeformat(countDown) : \"\"}\n            </ListItem.ListItemText>\n        </ListItem>\n    );\n}\n\nconst CountDownItem = memo(_CountDownItem, () => true);\n"
  },
  {
    "path": "src/pages/home/components/homeBody/index.tsx",
    "content": "import React from \"react\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport Operations from \"./operations\";\nimport Sheets from \"./sheets\";\nimport { ScrollView } from \"react-native-gesture-handler\";\n\nexport default function HomeBody() {\n    return (\n        <ScrollView\n            style={globalStyle.fwflex1}\n            showsVerticalScrollIndicator={false}>\n            <Operations />\n            <Sheets />\n        </ScrollView>\n    );\n}\n"
  },
  {
    "path": "src/pages/home/components/homeBody/operations.tsx",
    "content": "import { useI18N } from \"@/core/i18n\";\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\nimport rpx from \"@/utils/rpx\";\nimport React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport ActionButton from \"../ActionButton\";\n\nexport default function Operations() {\n    const navigate = useNavigate();\n    const { t } = useI18N();\n\n    const actionButtons = [\n        {\n            iconName: \"fire\",\n            title: t(\"home.recommendSheet\"),\n            action() {\n                navigate(ROUTE_PATH.RECOMMEND_SHEETS);\n            },\n        },\n        {\n            iconName: \"trophy\",\n            title: t(\"home.topList\"),\n            action() {\n                navigate(ROUTE_PATH.TOP_LIST);\n            },\n        },\n        {\n            iconName: \"clock-outline\",\n            title: t(\"home.playHistory\"),\n            action() {\n                navigate(ROUTE_PATH.HISTORY);\n            },\n        },\n        {\n            iconName: \"folder-music-outline\",\n            title: t(\"home.localMusic\"),\n            action() {\n                navigate(ROUTE_PATH.LOCAL);\n            },\n        },\n    ] as const;\n\n    return (\n        <View style={styles.container}>\n            {actionButtons.map((action, index) => (\n                <ActionButton\n                    style={[\n                        styles.actionButtonStyle,\n                        index % 4 ? styles.actionMarginLeft : null,\n                    ]}\n                    key={action.title}\n                    {...action}\n                />\n            ))}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        width: rpx(750),\n        paddingHorizontal: rpx(24),\n        marginVertical: rpx(32),\n        flexDirection: \"row\",\n        flexWrap: \"nowrap\",\n    },\n    actionButtonStyle: {\n        width: rpx(157.5),\n        height: rpx(160),\n        borderRadius: rpx(18),\n    },\n    actionMarginLeft: {\n        marginLeft: rpx(24),\n    },\n});\n"
  },
  {
    "path": "src/pages/home/components/homeBody/sheets.tsx",
    "content": "import Empty from \"@/components/base/empty\";\r\nimport IconButton from \"@/components/base/iconButton\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport { showPanel } from \"@/components/panels/usePanel\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport { localPluginPlatform } from \"@/constants/commonConst\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport MusicSheet, { useSheetsBase, useStarredSheets } from \"@/core/musicSheet\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport Toast from \"@/utils/toast\";\r\nimport { FlashList } from \"@shopify/flash-list\";\r\nimport React, { useMemo, useState } from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport { TouchableWithoutFeedback } from \"react-native-gesture-handler\";\r\n\r\nexport default function Sheets() {\r\n    const [index, setIndex] = useState(0);\r\n    const colors = useColors();\r\n    const navigate = useNavigate();\r\n\r\n    const allSheets = useSheetsBase();\r\n    const staredSheets = useStarredSheets();\r\n    const { t } = useI18N();\r\n\r\n    const selectedTabTextStyle = useMemo(() => {\r\n        return [\r\n            styles.selectTabText,\r\n            {\r\n                borderBottomColor: colors.primary,\r\n            },\r\n        ];\r\n    }, [colors]);\r\n\r\n\r\n    return (\r\n        <>\r\n            <View style={styles.subTitleContainer}>\r\n                <TouchableWithoutFeedback\r\n                    style={styles.tabContainer}\r\n                    accessible\r\n                    accessibilityLabel={t(\"home.myPlaylistsCount.a11y\", {\r\n                        count: allSheets.length,\r\n                    })}\r\n                    onPress={() => {\r\n                        setIndex(0);\r\n                    }}>\r\n                    <ThemeText\r\n                        accessible={false}\r\n                        fontSize=\"title\"\r\n                        style={[\r\n                            styles.tabText,\r\n                            index === 0 ? selectedTabTextStyle : null,\r\n                        ]}>\r\n                        {t(\"home.myPlaylists\")}\r\n                    </ThemeText>\r\n                    <ThemeText\r\n                        accessible={false}\r\n                        fontColor=\"textSecondary\"\r\n                        fontSize=\"subTitle\"\r\n                        style={styles.tabText}>\r\n                        {\" \"}\r\n                        ({allSheets.length})\r\n                    </ThemeText>\r\n                </TouchableWithoutFeedback>\r\n                <TouchableWithoutFeedback\r\n                    style={styles.tabContainer}\r\n                    accessible\r\n                    accessibilityLabel={t(\"home.starredPlaylistsCount.a11y\", {\r\n                        count: allSheets.length,\r\n                    })}\r\n                    onPress={() => {\r\n                        setIndex(1);\r\n                    }}>\r\n                    <ThemeText\r\n                        fontSize=\"title\"\r\n                        accessible={false}\r\n                        style={[\r\n                            styles.tabText,\r\n                            index === 1 ? selectedTabTextStyle : null,\r\n                        ]}>\r\n                        {t(\"home.starredPlaylists\")}\r\n                    </ThemeText>\r\n                    <ThemeText\r\n                        fontColor=\"textSecondary\"\r\n                        fontSize=\"subTitle\"\r\n                        accessible={false}\r\n                        style={styles.tabText}>\r\n                        {\" \"}\r\n                        ({staredSheets.length})\r\n                    </ThemeText>\r\n                </TouchableWithoutFeedback>\r\n                <View style={styles.more}>\r\n                    <IconButton\r\n                        name=\"plus\"\r\n                        style={styles.newSheetButton}\r\n                        sizeType=\"normal\"\r\n                        accessibilityLabel={t(\"home.newPlaylist.a11y\")}\r\n                        onPress={() => {\r\n                            showPanel(\"CreateMusicSheet\");\r\n                        }}\r\n                    />\r\n                    <IconButton\r\n                        name=\"inbox-arrow-down\"\r\n                        sizeType=\"normal\"\r\n                        accessibilityLabel={t(\"home.importPlaylist.a11y\")}\r\n                        onPress={() => {\r\n                            showPanel(\"ImportMusicSheet\");\r\n                        }}\r\n                    />\r\n                </View>\r\n            </View>\r\n            <FlashList\r\n                ListEmptyComponent={<Empty />}\r\n                extraData={{ t }}\r\n                data={(index === 0 ? allSheets : staredSheets) ?? []}\r\n                estimatedItemSize={ListItem.Size.big}\r\n                renderItem={({ item: sheet }) => {\r\n                    const isLocalSheet = !(\r\n                        sheet.platform && sheet.platform !== localPluginPlatform\r\n                    );\r\n\r\n\r\n                    return (\r\n                        <ListItem\r\n                            key={`${sheet.id}`}\r\n                            heightType=\"big\"\r\n                            withHorizontalPadding\r\n                            onPress={() => {\r\n                                if (isLocalSheet) {\r\n                                    navigate(ROUTE_PATH.LOCAL_SHEET_DETAIL, {\r\n                                        id: sheet.id,\r\n                                    });\r\n                                } else {\r\n                                    navigate(ROUTE_PATH.PLUGIN_SHEET_DETAIL, {\r\n                                        sheetInfo: sheet,\r\n                                    });\r\n                                }\r\n                            }}>\r\n                            <ListItem.ListItemImage\r\n                                uri={sheet.coverImg ?? sheet.artwork}\r\n                                fallbackImg={ImgAsset.albumDefault}\r\n                                maskIcon={\r\n                                    sheet.id === MusicSheet.defaultSheet.id\r\n                                        ? \"heart\"\r\n                                        : null\r\n                                }\r\n                            />\r\n                            <ListItem.Content\r\n                                title={sheet.title}\r\n                                description={\r\n                                    isLocalSheet\r\n                                        ? t(\"home.songCount\", { count: sheet.worksNum })\r\n                                        : `${sheet.artist ?? \"\"}`\r\n                                }\r\n                            />\r\n                            {sheet.id !== MusicSheet.defaultSheet.id ? (\r\n                                <ListItem.ListItemIcon\r\n                                    position=\"right\"\r\n                                    icon=\"trash-outline\"\r\n                                    onPress={() => {\r\n                                        showDialog(\"SimpleDialog\", {\r\n                                            title: t(\"dialog.deleteSheetTitle\"),\r\n                                            content: t(\"dialog.deleteSheetContent\", {\r\n                                                name: sheet.title,\r\n                                            }),\r\n                                            onOk: async () => {\r\n                                                if (isLocalSheet) {\r\n                                                    await MusicSheet.removeSheet(\r\n                                                        sheet.id,\r\n                                                    );\r\n                                                    Toast.success(t(\"toast.deleteSuccess\"));\r\n                                                } else {\r\n                                                    await MusicSheet.unstarMusicSheet(\r\n                                                        sheet,\r\n                                                    );\r\n                                                    Toast.success(t(\"toast.hasUnstarred\"));\r\n                                                }\r\n                                            },\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            ) : null}\r\n                        </ListItem>\r\n                    );\r\n                }}\r\n                nestedScrollEnabled\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    subTitleContainer: {\r\n        paddingHorizontal: rpx(24),\r\n        flexDirection: \"row\",\r\n        alignItems: \"flex-start\",\r\n        marginBottom: rpx(12),\r\n    },\r\n    subTitleLeft: {\r\n        flexDirection: \"row\",\r\n    },\r\n    tabContainer: {\r\n        flexDirection: \"row\",\r\n        marginRight: rpx(32),\r\n    },\r\n\r\n    tabText: {\r\n        lineHeight: rpx(64),\r\n    },\r\n    selectTabText: {\r\n        borderBottomWidth: rpx(6),\r\n        fontWeight: \"bold\",\r\n    },\r\n    more: {\r\n        height: rpx(64),\r\n        marginTop: rpx(3),\r\n        flexGrow: 1,\r\n        flexDirection: \"row\",\r\n        justifyContent: \"flex-end\",\r\n    },\r\n    newSheetButton: {\r\n        marginRight: rpx(24),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/home/components/homeBodyHorizontal/index.tsx",
    "content": "import React from \"react\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport Operations from \"./operations\";\nimport { View } from \"react-native\";\nimport Sheets from \"../homeBody/sheets\";\n\nexport default function HomeBodyHorizontal() {\n    return (\n        <View style={globalStyle.rowfwflex1}>\n            <Operations />\n            <View style={globalStyle.fwflex1}>\n                <Sheets />\n            </View>\n        </View>\n    );\n}\n"
  },
  {
    "path": "src/pages/home/components/homeBodyHorizontal/operations.tsx",
    "content": "import { useI18N } from \"@/core/i18n\";\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\nimport rpx from \"@/utils/rpx\";\nimport React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport ActionButton from \"../ActionButton\";\n\nexport default function Operations() {\n    const navigate = useNavigate();\n    const { t } = useI18N();\n\n\n    const actionButtons = [\n        {\n            iconName: \"fire\",\n            title: t(\"home.recommendSheet\"),\n            action() {\n                navigate(ROUTE_PATH.RECOMMEND_SHEETS);\n            },\n        },\n        {\n            iconName: \"trophy\",\n            title: t(\"home.topList\"),\n            action() {\n                navigate(ROUTE_PATH.TOP_LIST);\n            },\n        },\n        {\n            iconName: \"clock-outline\",\n            title: t(\"home.playHistory\"),\n            action() {\n                navigate(ROUTE_PATH.HISTORY);\n            },\n        },\n        {\n            iconName: \"folder-music-outline\",\n            title: t(\"home.localMusic\"),\n            action() {\n                navigate(ROUTE_PATH.LOCAL);\n            },\n        },\n    ] as const;\n\n    return (\n        <ScrollView style={styles.container}>\n            {actionButtons.map((action, index) => (\n                <ActionButton\n                    style={[\n                        styles.actionButtonStyle,\n                        index % 4 ? styles.actionMarginLeft : null,\n                    ]}\n                    key={action.title}\n                    {...action}\n                />\n            ))}\n        </ScrollView>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        width: rpx(200),\n        flexGrow: 0,\n        flexShrink: 0,\n        paddingHorizontal: rpx(24),\n        marginVertical: rpx(32),\n        flexDirection: \"row\",\n        flexWrap: \"wrap\",\n    },\n    actionButtonStyle: {\n        width: rpx(157.5),\n        height: rpx(160),\n        borderRadius: rpx(18),\n    },\n    actionMarginLeft: {\n        marginTop: rpx(24),\n    },\n});\n"
  },
  {
    "path": "src/pages/home/components/navBar.tsx",
    "content": "import { ROUTE_PATH } from \"@/core/router\";\r\nimport { useNavigation } from \"@react-navigation/native\";\r\nimport React from \"react\";\r\nimport { Pressable, StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport Color from \"color\";\r\nimport IconButton from \"@/components/base/iconButton\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\n// todo icon: = musicFree(引入自定义字体 居中) search\r\nexport default function NavBar() {\r\n    const navigation = useNavigation<any>();\r\n    const colors = useColors();\r\n    const { t } = useI18N();\r\n\r\n    return (\r\n        <View style={styles.appbar}>\r\n            <IconButton\r\n                accessibilityLabel={t(\"home.openSidebar.a11y\")}\r\n                name=\"bars-3\"\r\n                style={styles.menu}\r\n                color={colors.text}\r\n                onPress={() => {\r\n                    navigation?.openDrawer();\r\n                }}\r\n            />\r\n\r\n            <Pressable\r\n                style={[\r\n                    styles.searchBar,\r\n                    {\r\n                        backgroundColor: colors.placeholder,\r\n                    },\r\n                ]}\r\n                accessible\r\n                accessibilityLabel={t(\"home.clickToSearch\")}\r\n                onPress={() => {\r\n                    navigation.navigate(ROUTE_PATH.SEARCH_PAGE);\r\n                }}>\r\n                <Icon\r\n                    accessible={false}\r\n                    name=\"magnifying-glass\"\r\n                    size={rpx(32)}\r\n                    color={Color(colors.text).alpha(0.6).toString()}\r\n                />\r\n                <ThemeText\r\n                    accessible={false}\r\n                    fontSize=\"subTitle\"\r\n                    style={[styles.text]}>\r\n                    {t(\"home.clickToSearch\")}\r\n                </ThemeText>\r\n            </Pressable>\r\n        </View>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    appbar: {\r\n        backgroundColor: \"transparent\",\r\n        shadowColor: \"transparent\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        width: \"100%\",\r\n        height: rpx(88),\r\n    },\r\n    searchBar: {\r\n        marginHorizontal: rpx(24),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        flex: 1,\r\n        height: \"72%\",\r\n        maxHeight: rpx(64),\r\n        borderRadius: rpx(36),\r\n        paddingHorizontal: rpx(20),\r\n    },\r\n    text: {\r\n        marginLeft: rpx(12),\r\n        opacity: 0.6,\r\n    },\r\n    menu: {\r\n        marginLeft: rpx(24),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/home/index.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport NavBar from \"./components/navBar\";\nimport MusicBar from \"@/components/musicBar\";\nimport { createDrawerNavigator } from \"@react-navigation/drawer\";\nimport HomeDrawer from \"./components/drawer\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport Theme from \"@/core/theme\";\nimport HomeBody from \"./components/homeBody\";\nimport HomeBodyHorizontal from \"./components/homeBodyHorizontal\";\nimport useOrientation from \"@/hooks/useOrientation\";\n\nfunction Home() {\n    const orientation = useOrientation();\n\n    return (\n        <SafeAreaView edges={[\"top\", \"bottom\"]} style={styles.appWrapper}>\n            <HomeStatusBar />\n            <HorizontalSafeAreaView style={globalStyle.flex1}>\n                <>\n                    <NavBar />\n                    {orientation === \"vertical\" ? (\n                        <HomeBody />\n                    ) : (\n                        <HomeBodyHorizontal />\n                    )}\n                </>\n            </HorizontalSafeAreaView>\n            <MusicBar />\n        </SafeAreaView>\n    );\n}\n\nfunction HomeStatusBar() {\n    const theme = Theme.useTheme();\n\n    return (\n        <StatusBar\n            backgroundColor=\"transparent\"\n            barStyle={theme.dark ? undefined : \"dark-content\"}\n        />\n    );\n}\n\n// function Body() {\n//     const orientation = useOrientation();\n//     return (\n//         <ScrollView\n//             style={[\n//                 styles.appWrapper,\n//                 orientation === 'horizontal' ? styles.flexRow : null,\n//             ]}>\n//             <Operations orientation={orientation} />\n//         </ScrollView>\n//     );\n// }\n\nconst LeftDrawer = createDrawerNavigator();\nexport default function App() {\n    return (\n        <LeftDrawer.Navigator\n            screenOptions={{\n                headerShown: false,\n                drawerStyle: {\n                    width: \"80%\",\n                },\n            }}\n            initialRouteName=\"HOME-MAIN\"\n            drawerContent={props => <HomeDrawer {...props} />}>\n            <LeftDrawer.Screen name=\"HOME-MAIN\" component={Home} />\n        </LeftDrawer.Navigator>\n    );\n}\n\nconst styles = StyleSheet.create({\n    appWrapper: {\n        flexDirection: \"column\",\n        flex: 1,\n    },\n    flexRow: {\n        flexDirection: \"row\",\n    },\n});\n"
  },
  {
    "path": "src/pages/localMusic/index.tsx",
    "content": "import React from \"react\";\nimport MainPage from \"./mainPage\";\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\nimport globalStyle from \"@/constants/globalStyle\";\n\nexport default function LocalMusic() {\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <MainPage />\n        </VerticalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/pages/localMusic/mainPage/index.tsx",
    "content": "import React from \"react\";\r\nimport LocalMusicSheet from \"@/core/localMusicSheet\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport LocalMusicList from \"./localMusicList\";\r\nimport MusicBar from \"@/components/musicBar\";\r\nimport { localMusicSheetId } from \"@/constants/commonConst\";\r\nimport Toast from \"@/utils/toast\";\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport AppBar from \"@/components/base/appBar\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\nexport default function MainPage() {\r\n    const navigate = useNavigate();\r\n    const { t } = useI18N();\r\n\r\n    return (\r\n        <>\r\n            <AppBar\r\n                withStatusBar\r\n                actions={[\r\n                    {\r\n                        icon: \"magnifying-glass\",\r\n                        onPress() {\r\n                            navigate(ROUTE_PATH.SEARCH_MUSIC_LIST, {\r\n                                musicList: LocalMusicSheet.getMusicList(),\r\n                            });\r\n                        },\r\n                    },\r\n                ]}\r\n                menu={[\r\n                    {\r\n                        icon: \"magnifying-glass\",\r\n                        title: t(\"localMusic.scanLocalMusic\"),\r\n                        async onPress() {\r\n                            navigate(ROUTE_PATH.FILE_SELECTOR, {\r\n                                fileType: \"folder\",\r\n                                multi: true,\r\n                                actionText: t(\"localMusic.beginScan\"),\r\n                                async onAction(selectedFiles) {\r\n                                    return new Promise(resolve => {\r\n                                        showDialog(\"LoadingDialog\", {\r\n                                            title: t(\"localMusic.scanLocalMusic\"),\r\n                                            promise:\r\n                                                LocalMusicSheet.importLocal(\r\n                                                    selectedFiles.map(\r\n                                                        _ => _.path,\r\n                                                    ),\r\n                                                ),\r\n                                            onResolve(data, hideDialog) {\r\n                                                Toast.success(t(\"toast.importSuccess\"));\r\n                                                hideDialog();\r\n                                                resolve(true);\r\n                                            },\r\n                                            onCancel(hideDialog) {\r\n                                                LocalMusicSheet.cancelImportLocal();\r\n                                                hideDialog();\r\n                                                resolve(false);\r\n                                            },\r\n                                        });\r\n                                    });\r\n                                },\r\n                            });\r\n                        },\r\n                    },\r\n                    {\r\n                        icon: \"pencil-square\",\r\n                        title: t(\"common.batchEdit\"),\r\n                        async onPress() {\r\n                            navigate(ROUTE_PATH.MUSIC_LIST_EDITOR, {\r\n                                musicList: LocalMusicSheet.getMusicList(),\r\n                                musicSheet: {\r\n                                    id: localMusicSheetId,\r\n                                },\r\n                            });\r\n                        },\r\n                    },\r\n                    {\r\n                        icon: \"arrow-down-tray\",\r\n                        title: t(\"localMusic.downloadList\"),\r\n                        async onPress() {\r\n                            navigate(ROUTE_PATH.DOWNLOADING);\r\n                        },\r\n                    },\r\n                ]}>\r\n                {t(\"home.localMusic\")}\r\n            </AppBar>\r\n            <LocalMusicList />\r\n            <MusicBar />\r\n        </>\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/pages/localMusic/mainPage/localMusicList.tsx",
    "content": "import React from \"react\";\nimport MusicList from \"@/components/musicList\";\nimport LocalMusicSheet from \"@/core/localMusicSheet\";\nimport { localMusicSheetId, localPluginPlatform, RequestStateCode } from \"@/constants/commonConst\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function LocalMusicList() {\n    const musicList = LocalMusicSheet.useMusicList();\n    const { t } = useI18N();\n\n    return (\n        <HorizontalSafeAreaView style={globalStyle.flex1}>\n            <MusicList\n                musicList={musicList}\n                showIndex\n                state={RequestStateCode.IDLE}\n                musicSheet={{\n                    id: localMusicSheetId,\n                    title: t(\"common.local\"),\n                    platform: localPluginPlatform,\n                    musicList: musicList,\n                }}\n            />\n        </HorizontalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/pages/musicDetail/components/background.tsx",
    "content": "import React, { useMemo } from \"react\";\nimport { Image, StyleSheet, View } from \"react-native\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport { useCurrentMusic } from \"@/core/trackPlayer\";\n\nexport default function Background() {\n    const musicItem = useCurrentMusic();\n\n    const artworkSource = useMemo(() => {\n        if (!musicItem?.artwork) {\n            return ImgAsset.albumDefault;\n        }\n\n        if(typeof musicItem.artwork === \"string\") {\n            return {\n                uri: musicItem.artwork,\n            };\n        }\n        return musicItem.artwork;\n\n    }, [musicItem?.artwork]);\n\n    return (\n        <>\n            <View style={style.background} />\n            <Image style={style.blur} blurRadius={50} source={artworkSource} />\n        </>\n    );\n}\n\nconst style = StyleSheet.create({\n    background: {\n        width: \"100%\",\n        height: \"100%\",\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: \"#000\",\n    },\n    blur: {\n        width: \"100%\",\n        height: \"100%\",\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        opacity: 0.5,\n    },\n});\n"
  },
  {
    "path": "src/pages/musicDetail/components/bottom/index.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport SeekBar from \"./seekBar\";\nimport PlayControl from \"./playControl\";\nimport useOrientation from \"@/hooks/useOrientation\";\n\nexport default function Bottom() {\n    const orientation = useOrientation();\n    return (\n        <View\n            style={[\n                style.wrapper,\n                orientation === \"horizontal\"\n                    ? {\n                        height: rpx(156),\n                    }\n                    : undefined,\n            ]}>\n            <SeekBar />\n            <PlayControl />\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        height: rpx(240),\n    },\n});\n"
  },
  {
    "path": "src/pages/musicDetail/components/bottom/playControl.tsx",
    "content": "import repeatModeConst from \"@/constants/repeatModeConst\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport React from \"react\";\r\nimport { InteractionManager, StyleSheet, View } from \"react-native\";\r\n\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport { showPanel } from \"@/components/panels/usePanel\";\r\nimport TrackPlayer, { useMusicState, useRepeatMode } from \"@/core/trackPlayer\";\r\nimport useOrientation from \"@/hooks/useOrientation\";\r\nimport delay from \"@/utils/delay\";\r\nimport { musicIsPaused } from \"@/utils/trackUtils\";\r\n\r\nexport default function () {\r\n    const repeatMode = useRepeatMode();\r\n    const musicState = useMusicState();\r\n\r\n    const orientation = useOrientation();\r\n\r\n    console.log(repeatMode, repeatModeConst[repeatMode]);\r\n\r\n    return (\r\n        <>\r\n            <View\r\n                style={[\r\n                    style.wrapper,\r\n                    orientation === \"horizontal\"\r\n                        ? {\r\n                            marginTop: 0,\r\n                        }\r\n                        : null,\r\n                ]}>\r\n                <Icon\r\n                    color={\"white\"}\r\n                    name={repeatModeConst[repeatMode].icon}\r\n                    size={rpx(56)}\r\n                    onPress={async () => {\r\n                        InteractionManager.runAfterInteractions(async () => {\r\n                            await delay(20, false);\r\n                            TrackPlayer.toggleRepeatMode();\r\n                        });\r\n                    }}\r\n                />\r\n                <Icon\r\n                    color={\"white\"}\r\n                    name={\"skip-left\"}\r\n                    size={rpx(56)}\r\n                    onPress={() => {\r\n                        TrackPlayer.skipToPrevious();\r\n                    }}\r\n                />\r\n                <Icon\r\n                    color={\"white\"}\r\n                    name={musicIsPaused(musicState) ? \"play\" : \"pause\"}\r\n                    size={rpx(96)}\r\n                    onPress={() => {\r\n                        if (musicIsPaused(musicState)) {\r\n                            TrackPlayer.play();\r\n                        } else {\r\n                            TrackPlayer.pause();\r\n                        }\r\n                    }}\r\n                />\r\n                <Icon\r\n                    color={\"white\"}\r\n                    name={\"skip-right\"}\r\n                    size={rpx(56)}\r\n                    onPress={() => {\r\n                        TrackPlayer.skipToNext();\r\n                    }}\r\n                />\r\n                <Icon\r\n                    color={\"white\"}\r\n                    name={\"playlist\"}\r\n                    size={rpx(56)}\r\n                    onPress={() => {\r\n                        showPanel(\"PlayList\");\r\n                    }}\r\n                />\r\n            </View>\r\n        </>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: \"100%\",\r\n        marginTop: rpx(36),\r\n        height: rpx(100),\r\n        flexDirection: \"row\",\r\n        justifyContent: \"space-around\",\r\n        alignItems: \"center\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/musicDetail/components/bottom/seekBar.tsx",
    "content": "import React, { useRef, useState } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport Slider from \"@react-native-community/slider\";\nimport timeformat from \"@/utils/timeformat\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport TrackPlayer, { useProgress } from \"@/core/trackPlayer\";\n\ninterface ITimeLabelProps {\n    time: number;\n}\n\nfunction TimeLabel(props: ITimeLabelProps) {\n    return (\n        <Text style={style.text}>{timeformat(Math.max(props.time, 0))}</Text>\n    );\n}\n\nexport default function SeekBar() {\n    const progress = useProgress(1000);\n    const [tmpProgress, setTmpProgress] = useState<number | null>(null);\n    const slidingRef = useRef(false);\n\n    return (\n        <View style={style.wrapper}>\n            <TimeLabel time={tmpProgress ?? progress.position} />\n            <Slider\n                style={style.slider}\n                minimumTrackTintColor={\"#cccccc\"}\n                maximumTrackTintColor={\"#999999\"}\n                thumbTintColor={\"#dddddd\"}\n                minimumValue={0}\n                maximumValue={progress.duration}\n                onSlidingStart={() => {\n                    slidingRef.current = true;\n                }}\n                onValueChange={val => {\n                    if (slidingRef.current) {\n                        setTmpProgress(val);\n                    }\n                }}\n                onSlidingComplete={val => {\n                    slidingRef.current = false;\n                    setTmpProgress(null);\n                    if (val >= progress.duration - 2) {\n                        val = progress.duration - 2;\n                    }\n                    TrackPlayer.seekTo(val);\n                }}\n                value={progress.position}\n            />\n            <TimeLabel time={progress.duration} />\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        height: rpx(40),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n    },\n    slider: {\n        width: \"73%\",\n        height: rpx(40),\n    },\n    text: {\n        fontSize: fontSizeConst.description,\n        includeFontPadding: false,\n        color: \"#cccccc\",\n    },\n});\n"
  },
  {
    "path": "src/pages/musicDetail/components/content/albumCover/index.tsx",
    "content": "import React, { useMemo } from \"react\";\nimport rpx from \"@/utils/rpx\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport FastImage from \"@/components/base/fastImage\";\nimport useOrientation from \"@/hooks/useOrientation\";\nimport { Gesture, GestureDetector } from \"react-native-gesture-handler\";\nimport { useCurrentMusic } from \"@/core/trackPlayer\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { View } from \"react-native\";\nimport Operations from \"./operations\";\nimport { showPanel } from \"@/components/panels/usePanel.ts\";\n\ninterface IProps {\n    onTurnPageClick?: () => void;\n}\n\nexport default function AlbumCover(props: IProps) {\n    const { onTurnPageClick } = props;\n\n    const musicItem = useCurrentMusic();\n    const orientation = useOrientation();\n\n    const artworkStyle = useMemo(() => {\n        if (orientation === \"vertical\") {\n            return {\n                width: rpx(500),\n                height: rpx(500),\n            };\n        } else {\n            return {\n                width: rpx(260),\n                height: rpx(260),\n            };\n        }\n    }, [orientation]);\n\n    const longPress = Gesture.LongPress()\n        .onStart(() => {\n            if (musicItem?.artwork) {\n                showPanel(\"ImageViewer\", {\n                    url: musicItem.artwork,\n                });\n            }\n        })\n        .runOnJS(true);\n\n    const tap = Gesture.Tap()\n        .onStart(() => {\n            onTurnPageClick?.();\n        })\n        .runOnJS(true);\n\n    const combineGesture = Gesture.Race(tap, longPress);\n\n    return (\n        <>\n            <GestureDetector gesture={combineGesture}>\n                <View style={globalStyle.fullCenter}>\n                    <FastImage\n                        style={artworkStyle}\n                        source={musicItem?.artwork}\n                        placeholderSource={ImgAsset.albumDefault}\n                    />\n                </View>\n            </GestureDetector>\n            <Operations />\n        </>\n    );\n}\n"
  },
  {
    "path": "src/pages/musicDetail/components/content/albumCover/operations.tsx",
    "content": "import React, { useMemo } from \"react\";\r\nimport { Image, Pressable, StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\n\r\nimport LocalMusicSheet from \"@/core/localMusicSheet\";\r\nimport { ROUTE_PATH } from \"@/core/router\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport Toast from \"@/utils/toast\";\r\nimport toast from \"@/utils/toast\";\r\nimport useOrientation from \"@/hooks/useOrientation\";\r\nimport { showPanel } from \"@/components/panels/usePanel\";\r\nimport TrackPlayer, { useCurrentMusic, useMusicQuality } from \"@/core/trackPlayer\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport PersistStatus from \"@/utils/persistStatus\";\r\nimport HeartIcon from \"../heartIcon\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport PluginManager from \"@/core/pluginManager\";\r\nimport downloader from \"@/core/downloader\";\r\nimport i18n from \"@/core/i18n\";\r\n\r\nexport default function Operations() {\r\n    const musicItem = useCurrentMusic();\r\n    const currentQuality = useMusicQuality();\r\n    const isDownloaded = LocalMusicSheet.useIsLocal(musicItem);\r\n\r\n    const rate = PersistStatus.useValue(\"music.rate\", 100);\r\n    const orientation = useOrientation();\r\n\r\n    const supportComment = useMemo(() => {\r\n        return !musicItem\r\n            ? false\r\n            : !!PluginManager.getByMedia(musicItem)?.supportedMethods.has(\"getMusicComments\");\r\n    }, [musicItem]);\r\n\r\n    return (\r\n        <View\r\n            style={[\r\n                styles.wrapper,\r\n                orientation === \"horizontal\" ? styles.horizontalWrapper : null,\r\n            ]}>\r\n            <HeartIcon />\r\n            <Pressable\r\n                onPress={() => {\r\n                    if (!musicItem) {\r\n                        return;\r\n                    }\r\n                    showPanel(\"MusicQuality\", {\r\n                        musicItem,\r\n                        async onQualityPress(quality) {\r\n                            const changeResult =\r\n                                await TrackPlayer.changeQuality(quality);\r\n                            if (!changeResult) {\r\n                                Toast.warn(i18n.t(\"toast.currentQualityNotAvailableForCurrentMusic\"));\r\n                            }\r\n                        },\r\n                    });\r\n                }}>\r\n                <Image\r\n                    source={ImgAsset.quality[currentQuality]}\r\n                    style={styles.quality}\r\n                />\r\n            </Pressable>\r\n            <Icon\r\n                name={isDownloaded ? \"check-circle-outline\" : \"arrow-down-tray\"}\r\n                size={iconSizeConst.normal}\r\n                color=\"white\"\r\n                onPress={() => {\r\n                    if (musicItem && !isDownloaded) {\r\n                        showPanel(\"MusicQuality\", {\r\n                            type: \"download\",\r\n                            musicItem,\r\n                            async onQualityPress(quality) {\r\n                                downloader.download(musicItem, quality);\r\n                            },\r\n                        });\r\n                    }\r\n                }}\r\n            />\r\n            <Pressable\r\n                onPress={() => {\r\n                    if (!musicItem) {\r\n                        return;\r\n                    }\r\n                    showPanel(\"PlayRate\", {\r\n                        async onRatePress(newRate) {\r\n                            if (rate !== newRate) {\r\n                                try {\r\n                                    await TrackPlayer.setRate(newRate / 100);\r\n                                    PersistStatus.set(\"music.rate\", newRate);\r\n                                } catch { }\r\n                            }\r\n                        },\r\n                    });\r\n                }}>\r\n                <Image source={ImgAsset.rate[rate!]} style={styles.quality} />\r\n            </Pressable>\r\n            <Icon\r\n                name=\"chat-bubble-oval-left-ellipsis\"\r\n                size={iconSizeConst.normal}\r\n                color=\"white\"\r\n                opacity={supportComment ? 1 : 0.2}\r\n                onPress={() => {\r\n                    if (!supportComment) {\r\n                        toast.warn(i18n.t(\"toast.commmentNotAvaliableForCurrentMusic\"));\r\n                        return;\r\n                    }\r\n                    if (musicItem) {\r\n                        showPanel(\"MusicComment\", {\r\n                            musicItem,\r\n                        });\r\n                    }\r\n                }}\r\n            />\r\n            <Icon\r\n                name=\"ellipsis-vertical\"\r\n                size={iconSizeConst.normal}\r\n                color=\"white\"\r\n                onPress={() => {\r\n                    if (musicItem) {\r\n                        showPanel(\"MusicItemOptions\", {\r\n                            musicItem: musicItem,\r\n                            from: ROUTE_PATH.MUSIC_DETAIL,\r\n                        });\r\n                    }\r\n                }}\r\n            />\r\n        </View>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    wrapper: {\r\n        width: \"100%\",\r\n        height: rpx(80),\r\n        marginBottom: rpx(24),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-around\",\r\n    },\r\n    horizontalWrapper: {\r\n        marginBottom: 0,\r\n    },\r\n    quality: {\r\n        width: rpx(52),\r\n        height: rpx(52),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/musicDetail/components/content/heartIcon/index.tsx",
    "content": "import React from \"react\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport { useCurrentMusic } from \"@/core/trackPlayer\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport MusicSheet, { useFavorite } from \"@/core/musicSheet\";\r\n\r\nexport default function () {\r\n    const musicItem = useCurrentMusic();\r\n\r\n    const isFavorite = useFavorite(musicItem);\r\n\r\n    return isFavorite ? (\r\n        <Icon\r\n            name=\"heart\"\r\n            size={iconSizeConst.normal}\r\n            color=\"red\"\r\n            onPress={() => {\r\n                if (!musicItem) {\r\n                    return;\r\n                }\r\n                MusicSheet.removeMusic(MusicSheet.defaultSheet.id, musicItem);\r\n            }}\r\n        />\r\n    ) : (\r\n        <Icon\r\n            name=\"heart-outline\"\r\n            size={iconSizeConst.normal}\r\n            color=\"white\"\r\n            onPress={() => {\r\n                if (musicItem) {\r\n                    MusicSheet.addMusic(MusicSheet.defaultSheet.id, musicItem);\r\n                }\r\n            }}\r\n        />\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/pages/musicDetail/components/content/index.tsx",
    "content": "import React, { useState } from \"react\";\nimport { View } from \"react-native\";\nimport AlbumCover from \"./albumCover\";\nimport Lyric from \"./lyric\";\nimport useOrientation from \"@/hooks/useOrientation\";\nimport Config from \"@/core/appConfig\";\nimport globalStyle from \"@/constants/globalStyle\";\n\nexport default function Content() {\n    const [tab, selectTab] = useState<\"album\" | \"lyric\">(\n        Config.getConfig(\"basic.musicDetailDefault\") || \"album\",\n    );\n    const orientation = useOrientation();\n    const showAlbumCover = tab === \"album\" || orientation === \"horizontal\";\n\n    const onTurnPageClick = () => {\n        if (orientation === \"horizontal\") {\n            return;\n        }\n        if (tab === \"album\") {\n            selectTab(\"lyric\");\n        } else {\n            selectTab(\"album\");\n        }\n    };\n\n    return (\n        <View style={globalStyle.fwflex1}>\n            {showAlbumCover ? (\n                <AlbumCover onTurnPageClick={onTurnPageClick} />\n            ) : (\n                <Lyric onTurnPageClick={onTurnPageClick} />\n            )}\n        </View>\n    );\n}\n"
  },
  {
    "path": "src/pages/musicDetail/components/content/lyric/draggingTime.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, Text } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport timeformat from \"@/utils/timeformat\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport { useProgress } from \"@/core/trackPlayer\";\n\nexport default function DraggingTime(props: { time: number }) {\n    const progress = useProgress();\n\n    return (\n        <Text style={style.draggingTimeText}>\n            {timeformat(\n                Math.max(Math.min(props.time, progress.duration ?? 0), 0),\n            )}\n        </Text>\n    );\n}\n\nconst style = StyleSheet.create({\n    draggingTimeText: {\n        color: \"#dddddd\",\n        paddingHorizontal: rpx(8),\n        paddingVertical: rpx(6),\n        borderRadius: rpx(12),\n        backgroundColor: \"rgba(255,255,255,0.1)\",\n        fontSize: fontSizeConst.description,\n    },\n});\n"
  },
  {
    "path": "src/pages/musicDetail/components/content/lyric/index.tsx",
    "content": "import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { LayoutRectangle, StyleSheet, Text, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport useDelayFalsy from \"@/hooks/useDelayFalsy\";\nimport { FlatList, Gesture, GestureDetector, TapGestureHandler } from \"react-native-gesture-handler\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport Loading from \"@/components/base/loading\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { showPanel } from \"@/components/panels/usePanel\";\nimport TrackPlayer, { useCurrentMusic, useMusicState } from \"@/core/trackPlayer\";\nimport { musicIsPaused } from \"@/utils/trackUtils\";\nimport delay from \"@/utils/delay\";\nimport DraggingTime from \"./draggingTime\";\nimport LyricItemComponent from \"./lyricItem\";\nimport PersistStatus from \"@/utils/persistStatus\";\nimport LyricOperations from \"./lyricOperations\";\nimport { IParsedLrcItem } from \"@/utils/lrcParser\";\nimport { IconButtonWithGesture } from \"@/components/base/iconButton.tsx\";\nimport { getMediaExtraProperty } from \"@/utils/mediaExtra\";\nimport lyricManager, { useCurrentLyricItem, useLyricState } from \"@/core/lyricManager\";\nimport { useI18N } from \"@/core/i18n\";\n\nconst ITEM_HEIGHT = rpx(92);\n\ninterface IItemHeights {\n    blankHeight?: number;\n    [k: number]: number;\n}\n\ninterface IProps {\n    onTurnPageClick?: () => void;\n}\n\nconst fontSizeMap = {\n    0: rpx(24),\n    1: rpx(30),\n    2: rpx(36),\n    3: rpx(42),\n} as Record<number, number>;\n\nexport default function Lyric(props: IProps) {\n    const { onTurnPageClick } = props;\n\n    const { loading, meta, lyrics, hasTranslation } =\n        useLyricState();\n    const currentLrcItem = useCurrentLyricItem();\n    const showTranslation = PersistStatus.useValue(\n        \"lyric.showTranslation\",\n        false,\n    );\n    const fontSizeKey = PersistStatus.useValue(\"lyric.detailFontSize\", 1);\n    const fontSizeStyle = useMemo(\n        () => ({\n            fontSize: fontSizeMap[fontSizeKey!],\n        }),\n        [fontSizeKey],\n    );\n\n    const [draggingIndex, setDraggingIndex, setDraggingIndexImmi] =\n        useDelayFalsy<number | undefined>(undefined, 2000);\n    const musicState = useMusicState();\n    const { t } = useI18N();\n\n    const [layout, setLayout] = useState<LayoutRectangle>();\n\n    const listRef = useRef<FlatList<IParsedLrcItem> | null>();\n\n    const currentMusicItem = useCurrentMusic();\n    const associateMusicItem = getMediaExtraProperty(currentMusicItem, \"associatedLrc\");\n\n    // 是否展示拖拽\n    const dragShownRef = useRef(false);\n\n    // 组件是否挂载\n    const isMountedRef = useRef(true);\n\n    // 用来缓存高度\n    const itemHeightsRef = useRef<IItemHeights>({});\n\n    // 设置空白组件，获取组件高度\n    const blankComponent = useMemo(() => {\n        return (\n            <View\n                style={styles.empty}\n                onLayout={evt => {\n                    itemHeightsRef.current.blankHeight =\n                        evt.nativeEvent.layout.height;\n                }}\n            />\n        );\n    }, []);\n\n    const handleLyricItemLayout = useCallback(\n        (index: number, height: number) => {\n            itemHeightsRef.current[index] = height;\n        },\n        [],\n    );\n\n    // 滚到当前item\n    const scrollToCurrentLrcItem = useCallback(() => {\n        if (!listRef.current) {\n            return;\n        }\n        const currentLyricItem = lyricManager.currentLyricItem;\n        const currentLyrics = lyricManager.lyricState?.lyrics;\n        if (currentLyricItem?.index === -1 || !currentLyricItem) {\n            listRef.current?.scrollToIndex({\n                index: 0,\n                viewPosition: 0.5,\n            });\n        } else {\n            listRef.current?.scrollToIndex({\n                index: Math.min(currentLyricItem.index ?? 0, currentLyrics.length - 1),\n                viewPosition: 0.5,\n            });\n        }\n    }, []);\n\n    const delayedScrollToCurrentLrcItem = useMemo(() => {\n        let sto: number;\n\n        return () => {\n            if (sto) {\n                clearTimeout(sto);\n            }\n            sto = setTimeout(() => {\n                if (isMountedRef.current) {\n                    scrollToCurrentLrcItem();\n                }\n            }, 200) as any;\n        };\n    }, []);\n\n    useEffect(() => {\n        // 暂停且拖拽才返回\n        if (\n            lyrics.length === 0 ||\n            draggingIndex !== undefined ||\n            (draggingIndex === undefined && musicIsPaused(musicState)) ||\n            lyrics[lyrics.length - 1].time < 1\n        ) {\n            return;\n        }\n        if (currentLrcItem?.index === -1 || !currentLrcItem) {\n            listRef.current?.scrollToIndex({\n                index: 0,\n                viewPosition: 0.5,\n            });\n        } else {\n            listRef.current?.scrollToIndex({\n                index: Math.min(currentLrcItem.index ?? 0, lyrics.length - 1),\n                viewPosition: 0.5,\n            });\n        }\n        // 音乐暂停状态不应该影响到滑动，所以不放在依赖里，但是这样写不好。。\n    }, [currentLrcItem, lyrics, draggingIndex]);\n\n    useEffect(() => {\n        scrollToCurrentLrcItem();\n        return () => {\n            isMountedRef.current = false;\n        };\n    }, []);\n\n    // 开始滚动时拖拽生效\n    const onScrollBeginDrag = () => {\n        dragShownRef.current = true;\n    };\n\n    const onScrollEndDrag = async () => {\n        if (draggingIndex !== undefined) {\n            setDraggingIndex(undefined);\n        }\n        dragShownRef.current = false;\n    };\n\n    const onScroll = (e: any) => {\n        if (dragShownRef.current) {\n            const offset =\n                e.nativeEvent.contentOffset.y +\n                e.nativeEvent.layoutMeasurement.height / 2;\n\n            const itemHeights = itemHeightsRef.current;\n            let height = itemHeights.blankHeight!;\n            if (offset <= height) {\n                setDraggingIndex(0);\n                return;\n            }\n            for (let i = 0; i < lyrics.length; ++i) {\n                height += itemHeights[i] ?? 0;\n                if (height > offset) {\n                    setDraggingIndex(i);\n                    return;\n                }\n            }\n        }\n    };\n\n    const onLyricSeekPress = async () => {\n        if (draggingIndex !== undefined) {\n            const time = lyrics[draggingIndex].time + +(meta?.offset ?? 0);\n            if (time !== undefined && !isNaN(time)) {\n                await TrackPlayer.seekTo(time);\n                await TrackPlayer.play();\n                setDraggingIndexImmi(undefined);\n            }\n        }\n    };\n\n    const tapGesture = Gesture.Tap()\n        .onStart(() => {\n            onTurnPageClick?.();\n        })\n        .runOnJS(true);\n\n    const unlinkTapGesture = Gesture.Tap()\n        .onStart(() => {\n            if (currentMusicItem) {\n                lyricManager.unassociateLyric(currentMusicItem);\n            }\n        })\n        .runOnJS(true);\n\n    return (\n        <>\n            <GestureDetector gesture={tapGesture}>\n                <View style={globalStyle.fwflex1}>\n                    {loading ? (\n                        <Loading color=\"white\" />\n                    ) : lyrics?.length ? (\n                        <FlatList\n                            ref={_ => {\n                                listRef.current = _;\n                            }}\n                            onLayout={e => {\n                                setLayout(e.nativeEvent.layout);\n                            }}\n                            viewabilityConfig={{\n                                itemVisiblePercentThreshold: 100,\n                            }}\n                            onScrollToIndexFailed={({ index }) => {\n                                delay(120).then(() => {\n                                    listRef.current?.scrollToIndex({\n                                        index: Math.min(\n                                            index ?? 0,\n                                            lyrics.length - 1,\n                                        ),\n                                        viewPosition: 0.5,\n                                    });\n                                });\n                            }}\n                            fadingEdgeLength={120}\n                            ListHeaderComponent={\n                                <>\n                                    {blankComponent}\n                                    <View style={styles.lyricMeta}>\n                                        {associateMusicItem ? (\n                                            <>\n                                                <Text\n                                                    style={[\n                                                        styles.lyricMetaText,\n                                                        fontSizeStyle,\n                                                    ]}\n                                                    ellipsizeMode=\"middle\"\n                                                    numberOfLines={1}>\n                                                    {t(\"lyric.lyricLinkedFrom\", {\n                                                        platform: associateMusicItem.platform,\n                                                        title: associateMusicItem.title || \"\",\n                                                    })}\n\n                                                </Text>\n\n                                                <GestureDetector\n                                                    gesture={unlinkTapGesture}>\n                                                    <Text\n                                                        style={[\n                                                            styles.linkText,\n                                                            fontSizeStyle,\n                                                        ]}>\n                                                        {t(\"lyric.unlinkLyric\")}\n                                                    </Text>\n                                                </GestureDetector>\n                                            </>\n                                        ) : null}\n                                    </View>\n                                </>\n                            }\n                            ListFooterComponent={blankComponent}\n                            onScrollBeginDrag={onScrollBeginDrag}\n                            onMomentumScrollEnd={onScrollEndDrag}\n                            onScroll={onScroll}\n                            scrollEventThrottle={32}\n                            style={styles.wrapper}\n                            data={lyrics}\n                            initialNumToRender={30}\n                            overScrollMode=\"never\"\n                            extraData={currentLrcItem}\n                            renderItem={({ item, index }) => {\n                                let text = item.lrc;\n                                if (showTranslation && hasTranslation) {\n                                    text += `\\n${item?.translation ?? \"\"}`;\n                                }\n\n                                return (\n                                    <LyricItemComponent\n                                        index={index}\n                                        text={text}\n                                        fontSize={fontSizeStyle.fontSize}\n                                        onLayout={handleLyricItemLayout}\n                                        light={draggingIndex === index}\n                                        highlight={\n                                            currentLrcItem?.index === index\n                                        }\n                                    />\n                                );\n                            }}\n                        />\n                    ) : (\n                        <View style={globalStyle.fullCenter}>\n                            <Text style={[styles.white, fontSizeStyle]}>\n                                {t(\"lyric.noLyric\")}\n                            </Text>\n                            <TapGestureHandler\n                                onActivated={() => {\n                                    showPanel(\"SearchLrc\", {\n                                        musicItem:\n                                            TrackPlayer.currentMusic,\n                                    });\n                                }}>\n                                <Text\n                                    style={[styles.searchLyric, fontSizeStyle]}>\n                                    {t(\"lyric.searchLyric\")}\n                                </Text>\n                            </TapGestureHandler>\n                        </View>\n                    )}\n                    {draggingIndex !== undefined && (\n                        <View\n                            style={[\n                                styles.draggingTime,\n                                layout?.height\n                                    ? {\n                                        top:\n                                            (layout.height - ITEM_HEIGHT) / 2,\n                                    }\n                                    : null,\n                            ]}>\n                            <DraggingTime\n                                time={\n                                    (lyrics[draggingIndex]?.time ?? 0) +\n                                    +(meta?.offset ?? 0)\n                                }\n                            />\n                            <View style={styles.singleLine} />\n\n                            <IconButtonWithGesture\n                                style={styles.playIcon}\n                                sizeType='normal'\n                                name=\"play\"\n                                onPress={onLyricSeekPress}\n                            />\n                        </View>\n                    )}\n                </View>\n            </GestureDetector>\n            <LyricOperations\n                scrollToCurrentLrcItem={delayedScrollToCurrentLrcItem}\n            />\n        </>\n    );\n}\n\nconst styles = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        marginVertical: rpx(48),\n        flex: 1,\n    },\n    empty: {\n        paddingTop: \"70%\",\n    },\n    white: {\n        color: \"white\",\n    },\n    lyricMeta: {\n        position: \"absolute\",\n        width: \"100%\",\n        flexDirection: \"row\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        left: 0,\n        paddingHorizontal: rpx(48),\n        bottom: rpx(48),\n    },\n    lyricMetaText: {\n        color: \"white\",\n        opacity: 0.8,\n        maxWidth: \"80%\",\n    },\n    linkText: {\n        color: \"#66ccff\",\n        textDecorationLine: \"underline\",\n    },\n    draggingTime: {\n        position: \"absolute\",\n        width: \"100%\",\n        height: ITEM_HEIGHT,\n        top: \"40%\",\n        marginTop: rpx(48),\n        paddingHorizontal: rpx(18),\n        right: 0,\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    draggingTimeText: {\n        color: \"#dddddd\",\n        fontSize: fontSizeConst.description,\n        width: rpx(90),\n    },\n    singleLine: {\n        width: \"67%\",\n        height: 1,\n        backgroundColor: \"#cccccc\",\n        opacity: 0.4,\n    },\n    playIcon: {\n        width: rpx(100),\n        textAlign: \"right\",\n        color: \"white\",\n    },\n    searchLyric: {\n        width: rpx(180),\n        marginTop: rpx(14),\n        paddingVertical: rpx(10),\n        textAlign: \"center\",\n        alignSelf: \"center\",\n        color: \"#66eeff\",\n        textDecorationLine: \"underline\",\n    },\n});\n"
  },
  {
    "path": "src/pages/musicDetail/components/content/lyric/lyricItem.tsx",
    "content": "import React, { memo } from \"react\";\nimport { StyleSheet, Text } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport useColors from \"@/hooks/useColors\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\n\ninterface ILyricItemComponentProps {\n    // 行号\n    index?: number;\n    // 显示\n    light?: boolean;\n    // 高亮\n    highlight?: boolean;\n    // 文本\n    text?: string;\n    // 字体大小\n    fontSize?: number;\n\n    onLayout?: (index: number, height: number) => void;\n}\n\nfunction _LyricItemComponent(props: ILyricItemComponentProps) {\n    const { light, highlight, text, onLayout, index, fontSize } = props;\n\n    const colors = useColors();\n\n    return (\n        <Text\n            onLayout={({ nativeEvent }) => {\n                if (index !== undefined) {\n                    onLayout?.(index, nativeEvent.layout.height);\n                }\n            }}\n            style={[\n                lyricStyles.item,\n                {\n                    fontSize: fontSize || fontSizeConst.content,\n                },\n                highlight\n                    ? [\n                        lyricStyles.highlightItem,\n                        {\n                            color: colors.primary,\n                        },\n                    ]\n                    : null,\n                light ? lyricStyles.draggingItem : null,\n            ]}>\n            {text}\n        </Text>\n    );\n}\n// 歌词\nconst LyricItemComponent = memo(\n    _LyricItemComponent,\n    (prev, curr) =>\n        prev.light === curr.light &&\n        prev.highlight === curr.highlight &&\n        prev.text === curr.text &&\n        prev.index === curr.index &&\n        prev.fontSize === curr.fontSize,\n);\n\nexport default LyricItemComponent;\n\nconst lyricStyles = StyleSheet.create({\n    highlightItem: {\n        opacity: 1,\n    },\n    item: {\n        color: \"white\",\n        opacity: 0.6,\n        paddingHorizontal: rpx(64),\n        paddingVertical: rpx(24),\n        width: \"100%\",\n        textAlign: \"center\",\n        textAlignVertical: \"center\",\n    },\n    draggingItem: {\n        opacity: 0.9,\n        color: \"white\",\n    },\n});\n"
  },
  {
    "path": "src/pages/musicDetail/components/content/lyric/lyricOperations.tsx",
    "content": "import React from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport TranslationIcon from \"@/assets/icons/translation.svg\";\r\nimport { useAppConfig } from \"@/core/appConfig\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport Toast from \"@/utils/toast\";\r\nimport { hidePanel, showPanel } from \"@/components/panels/usePanel\";\r\nimport TrackPlayer from \"@/core/trackPlayer\";\r\nimport PersistStatus from \"@/utils/persistStatus\";\r\nimport useOrientation from \"@/hooks/useOrientation\";\r\nimport HeartIcon from \"../heartIcon\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport lyricManager, { useLyricState } from \"@/core/lyricManager\";\r\n\r\ninterface ILyricOperationsProps {\r\n    scrollToCurrentLrcItem: () => void;\r\n}\r\n\r\nexport default function LyricOperations(props: ILyricOperationsProps) {\r\n    const { scrollToCurrentLrcItem } = props;\r\n\r\n    const detailFontSize = useAppConfig(\"lyric.detailFontSize\");\r\n\r\n    const { hasTranslation } = useLyricState();\r\n    const showTranslation = PersistStatus.useValue(\r\n        \"lyric.showTranslation\",\r\n        false,\r\n    );\r\n    const colors = useColors();\r\n    const orientation = useOrientation();\r\n\r\n    return (\r\n        <View style={styles.container}>\r\n            {orientation === \"vertical\" ? <HeartIcon /> : null}\r\n            <Icon\r\n                name=\"font-size\"\r\n                size={iconSizeConst.normal}\r\n                color=\"white\"\r\n                onPress={() => {\r\n                    showPanel(\"SetFontSize\", {\r\n                        defaultSelect: detailFontSize ?? 1,\r\n                        onSelectChange(value) {\r\n                            PersistStatus.set(\"lyric.detailFontSize\", value);\r\n                            scrollToCurrentLrcItem();\r\n                        },\r\n                    });\r\n                }}\r\n            />\r\n            <Icon\r\n                name=\"arrows-left-right\"\r\n                size={iconSizeConst.normal}\r\n                color=\"white\"\r\n                onPress={() => {\r\n                    const currentMusicItem = TrackPlayer.currentMusic;\r\n\r\n                    if (currentMusicItem) {\r\n                        showPanel(\"SetLyricOffset\", {\r\n                            musicItem: currentMusicItem,\r\n                            onSubmit(offset) {\r\n                                lyricManager.updateLyricOffset(currentMusicItem, offset);\r\n                                scrollToCurrentLrcItem();\r\n                                hidePanel();\r\n                            },\r\n                        });\r\n                    }\r\n                }}\r\n            />\r\n\r\n            <Icon\r\n                name=\"magnifying-glass\"\r\n                size={iconSizeConst.normal}\r\n                color=\"white\"\r\n                onPress={() => {\r\n                    const currentMusic = TrackPlayer.currentMusic;\r\n                    if (!currentMusic) {\r\n                        return;\r\n                    }\r\n                    // if (\r\n                    //     Config.get('setting.basic.associateLyricType') ===\r\n                    //     'input'\r\n                    // ) {\r\n                    //     showPanel('AssociateLrc', {\r\n                    //         musicItem: currentMusic,\r\n                    //     });\r\n                    // } else {\r\n                    showPanel(\"SearchLrc\", {\r\n                        musicItem: currentMusic,\r\n                    });\r\n                    // }\r\n                }}\r\n            />\r\n            <TranslationIcon\r\n                width={iconSizeConst.normal}\r\n                height={iconSizeConst.normal}\r\n                opacity={!hasTranslation ? 0.2 : showTranslation ? 1 : 0.5}\r\n                color={\r\n                    showTranslation && hasTranslation ? colors.primary : \"white\"\r\n                }\r\n                // style={}\r\n                onPress={() => {\r\n                    if (!hasTranslation) {\r\n                        Toast.warn(\"当前歌曲无翻译\");\r\n                        return;\r\n                    }\r\n\r\n                    PersistStatus.set(\r\n                        \"lyric.showTranslation\",\r\n                        !showTranslation,\r\n                    );\r\n                    scrollToCurrentLrcItem();\r\n                }}\r\n            />\r\n            <Icon\r\n                name=\"ellipsis-vertical\"\r\n                size={iconSizeConst.normal}\r\n                color={\"white\"}\r\n                onPress={() => {\r\n                    const currentMusic = TrackPlayer.currentMusic;\r\n                    if (currentMusic) {\r\n                        showPanel(\"MusicItemLyricOptions\", {\r\n                            musicItem: currentMusic,\r\n                        });\r\n                    }\r\n                }}\r\n            />\r\n        </View>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        height: rpx(80),\r\n        marginBottom: rpx(24),\r\n        width: \"100%\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-around\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/musicDetail/components/navBar.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport { useNavigation } from \"@react-navigation/native\";\nimport Tag from \"@/components/base/tag\";\nimport { fontSizeConst, fontWeightConst } from \"@/constants/uiConst\";\nimport Share from \"react-native-share\";\nimport { B64Asset } from \"@/constants/assetsConst\";\nimport IconButton from \"@/components/base/iconButton\";\nimport { useCurrentMusic } from \"@/core/trackPlayer\";\n\nexport default function NavBar() {\n    const navigation = useNavigation();\n    const musicItem = useCurrentMusic();\n    // const {showShare} = useShare();\n\n    return (\n        <View style={styles.container}>\n            <IconButton\n                name=\"arrow-left\"\n                sizeType={\"normal\"}\n                color=\"white\"\n                style={styles.button}\n                onPress={() => {\n                    navigation.goBack();\n                }}\n            />\n            <View style={styles.headerContent}>\n                <Text numberOfLines={1} style={styles.headerTitleText}>\n                    {musicItem?.title ?? \"--\"}\n                </Text>\n                <View style={styles.headerDesc}>\n                    <Text style={styles.headerArtistText} numberOfLines={1}>\n                        {musicItem?.artist}\n                    </Text>\n                    {musicItem?.platform ? (\n                        <Tag\n                            tagName={musicItem.platform}\n                            containerStyle={styles.tagBg}\n                            style={styles.tagText}\n                        />\n                    ) : null}\n                </View>\n            </View>\n            <IconButton\n                name=\"share\"\n                color=\"white\"\n                sizeType=\"normal\"\n                style={styles.button}\n                onPress={async () => {\n                    try {\n                        await Share.open({\n                            type: \"image/jpeg\",\n                            title: \"MusicFree-一个插件化的免费音乐播放器\",\n                            message: \"MusicFree-一个插件化的免费音乐播放器\",\n                            url: B64Asset.share,\n                            subject: \"MusicFree分享\",\n                        });\n                    } catch {}\n                }}\n            />\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        width: \"100%\",\n        height: rpx(150),\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n    button: {\n        marginHorizontal: rpx(24),\n    },\n    headerContent: {\n        flex: 1,\n        height: rpx(150),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n    headerTitleText: {\n        color: \"white\",\n        fontWeight: fontWeightConst.semibold,\n        fontSize: fontSizeConst.title,\n        marginBottom: rpx(12),\n        includeFontPadding: false,\n    },\n    headerDesc: {\n        height: rpx(32),\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingHorizontal: rpx(40),\n    },\n    headerArtistText: {\n        color: \"white\",\n        fontSize: fontSizeConst.subTitle,\n        includeFontPadding: false,\n    },\n    tagBg: {\n        backgroundColor: \"rgba(255, 255, 255, 0.2)\",\n    },\n    tagText: {\n        color: \"white\",\n    },\n});\n"
  },
  {
    "path": "src/pages/musicDetail/index.tsx",
    "content": "import StatusBar from \"@/components/base/statusBar\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport useOrientation from \"@/hooks/useOrientation\";\nimport React, { useEffect } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport Background from \"./components/background\";\nimport Bottom from \"./components/bottom\";\nimport Content from \"./components/content\";\nimport Lyric from \"./components/content/lyric\";\nimport NavBar from \"./components/navBar\";\nimport Config from \"@/core/appConfig\";\nimport { activateKeepAwakeAsync, deactivateKeepAwake } from \"expo-keep-awake\";\n\nexport default function MusicDetail() {\n    const orientation = useOrientation();\n\n    useEffect(() => {\n        const needAwake = Config.getConfig(\"basic.musicDetailAwake\");\n        if (needAwake) {\n            activateKeepAwakeAsync();\n        }\n        return () => {\n            if (needAwake) {\n                deactivateKeepAwake();\n            }\n        };\n    }, []);\n\n    return (\n        <>\n            <Background />\n            <SafeAreaView style={globalStyle.fwflex1}>\n                <StatusBar backgroundColor={\"transparent\"} />\n                <View style={style.bodyWrapper}>\n                    <View style={globalStyle.flex1}>\n                        <NavBar />\n                        <Content />\n                        <Bottom />\n                    </View>\n                    {orientation === \"horizontal\" ? (\n                        <View style={globalStyle.flex1}>\n                            <Lyric />\n                        </View>\n                    ) : null}\n                </View>\n            </SafeAreaView>\n        </>\n    );\n}\n\nconst style = StyleSheet.create({\n    bodyWrapper: {\n        width: \"100%\",\n        flex: 1,\n        flexDirection: \"row\",\n    },\n});\n"
  },
  {
    "path": "src/pages/musicListEditor/components/body.tsx",
    "content": "import React, { useMemo } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport Button from \"@/components/base/textButton.tsx\";\nimport { useAtom } from \"jotai\";\nimport { editingMusicListAtom, musicListChangedAtom } from \"../store/atom\";\nimport Toast from \"@/utils/toast\";\nimport MusicList from \"./musicList\";\nimport { useParams } from \"@/core/router\";\nimport { localMusicSheetId, musicHistorySheetId } from \"@/constants/commonConst\";\nimport LocalMusicSheet from \"@/core/localMusicSheet\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport musicHistory from \"@/core/musicHistory\";\nimport MusicSheet from \"@/core/musicSheet\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function Body() {\n    const { musicSheet } = useParams<\"music-list-editor\">();\n\n    const { t } = useI18N();\n    const [editingMusicList, setEditingMusicList] =\n        useAtom(editingMusicListAtom);\n    const [musicListChanged, setMusicListChanged] =\n        useAtom(musicListChangedAtom);\n    const selectedItems = useMemo(\n        () => editingMusicList.filter(_ => _.checked),\n        [editingMusicList],\n    );\n    return (\n        <HorizontalSafeAreaView style={globalStyle.flex1}>\n            <View style={style.header}>\n                <Button\n                    onPress={() => {\n                        if (\n                            selectedItems.length !== editingMusicList.length &&\n                            editingMusicList.length\n                        ) {\n                            setEditingMusicList(\n                                editingMusicList.map(_ => ({\n                                    musicItem: _.musicItem,\n                                    checked: true,\n                                })),\n                            );\n                        } else {\n                            setEditingMusicList(\n                                editingMusicList.map(_ => ({\n                                    musicItem: _.musicItem,\n                                    checked: false,\n                                })),\n                            );\n                        }\n                    }}>\n                    {`${selectedItems.length !== editingMusicList.length &&\n                        editingMusicList.length\n                        ? t(\"common.selectAll\")\n                        : t(\"common.unselectAll\")\n                    } (${t(\"musicListEditor.selectMusicCount\", { count: selectedItems.length })})`}\n                </Button>\n                <Button\n                    fontColor={\n                        musicListChanged && musicSheet?.id\n                            ? \"primary\"\n                            : \"textSecondary\"\n                    }\n                    onPress={async () => {\n                        if (musicListChanged && musicSheet?.id) {\n                            if (musicSheet.id === localMusicSheetId) {\n                                await LocalMusicSheet.updateMusicList(\n                                    editingMusicList.map(_ => _.musicItem),\n                                );\n                            } else if (musicSheet.id === musicHistorySheetId) {\n                                await musicHistory.setHistory(\n                                    editingMusicList.map(_ => _.musicItem),\n                                );\n                            } else {\n                                await MusicSheet.manualSort(\n                                    musicSheet.id,\n                                    editingMusicList.map(_ => _.musicItem),\n                                );\n                            }\n\n                            Toast.success(t(\"toast.saveSuccess\"));\n                            setMusicListChanged(false);\n                        }\n                    }}>\n                    {t(\"common.save\")}\n                </Button>\n            </View>\n            <MusicList />\n        </HorizontalSafeAreaView>\n    );\n}\n\nconst style = StyleSheet.create({\n    header: {\n        flexDirection: \"row\",\n        height: rpx(88),\n        paddingHorizontal: rpx(24),\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n    },\n});\n"
  },
  {
    "path": "src/pages/musicListEditor/components/bottom.tsx",
    "content": "import Icon, { IIconName } from \"@/components/base/icon.tsx\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport { showPanel } from \"@/components/panels/usePanel\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport downloader from \"@/core/downloader\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport { useParams } from \"@/core/router\";\r\nimport TrackPlayer from \"@/core/trackPlayer\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport Toast from \"@/utils/toast\";\r\nimport { produce } from \"immer\";\r\nimport { useAtom, useSetAtom } from \"jotai\";\r\nimport React, { useMemo } from \"react\";\r\nimport { Pressable, StyleSheet, View } from \"react-native\";\r\nimport { editingMusicListAtom, musicListChangedAtom } from \"../store/atom\";\r\n\r\nexport default function Bottom() {\r\n    const { musicSheet } = useParams<\"music-list-editor\">();\r\n    const [editingMusicList, setEditingMusicList] =\r\n        useAtom(editingMusicListAtom);\r\n    const setMusicListChanged = useSetAtom(musicListChangedAtom);\r\n    const { t } = useI18N();\r\n\r\n    const selectedEditorItems = useMemo(\r\n        () => editingMusicList.filter(_ => _.checked),\r\n        [editingMusicList],\r\n    );\r\n\r\n    const selectedItems = useMemo(\r\n        () => selectedEditorItems.map(_ => _.musicItem),\r\n        [selectedEditorItems],\r\n    );\r\n\r\n    function resetSelectedIndices() {\r\n        setEditingMusicList(\r\n            editingMusicList.map(_ => ({\r\n                musicItem: _.musicItem,\r\n                checked: false,\r\n            })),\r\n        );\r\n    }\r\n\r\n    return (\r\n        <View style={style.wrapper}>\r\n            <BottomIcon\r\n                icon=\"motion-play\"\r\n                title={t(\"musicListEditor.addToNextPlay\")}\r\n                onPress={async () => {\r\n                    TrackPlayer.addNext(selectedItems);\r\n                    resetSelectedIndices();\r\n                    Toast.success(t(\"toast.addToNextPlay\"));\r\n                }}\r\n            />\r\n            <BottomIcon\r\n                icon=\"folder-plus\"\r\n                title={t(\"musicListEditor.addToSheet\")}\r\n                onPress={() => {\r\n                    if (selectedItems.length) {\r\n                        showPanel(\"AddToMusicSheet\", {\r\n                            musicItem: selectedItems,\r\n                        });\r\n                        resetSelectedIndices();\r\n                    }\r\n                }}\r\n            />\r\n            <BottomIcon\r\n                icon=\"arrow-down-tray\"\r\n                title={t(\"common.download\")}\r\n                onPress={() => {\r\n                    if (selectedItems.length) {\r\n                        downloader.download(selectedItems);\r\n                        Toast.success(\r\n                            t(\"toast.beginDownload\"),\r\n                        );\r\n                        resetSelectedIndices();\r\n                    }\r\n                }}\r\n            />\r\n            <BottomIcon\r\n                icon=\"trash-outline\"\r\n                title={t(\"common.delete\")}\r\n                color={\r\n                    selectedItems.length && musicSheet?.id\r\n                        ? \"text\"\r\n                        : \"textSecondary\"\r\n                }\r\n                onPress={() => {\r\n                    if (selectedItems.length && musicSheet?.id) {\r\n                        setEditingMusicList(\r\n                            produce(prev => prev.filter(_ => !_.checked)),\r\n                        );\r\n                        setMusicListChanged(true);\r\n                        Toast.warn(t(\"toast.rememberToSave\"));\r\n                    }\r\n                }}\r\n            />\r\n        </View>\r\n    );\r\n}\r\n\r\ninterface IBottomIconProps {\r\n    icon: IIconName;\r\n    title: string;\r\n    color?: \"text\" | \"textSecondary\";\r\n    onPress: () => void;\r\n}\r\nfunction BottomIcon(props: IBottomIconProps) {\r\n    const { icon, title, onPress, color = \"text\" } = props;\r\n    const colors = useColors();\r\n    return (\r\n        <Pressable\r\n            onPress={onPress}\r\n            style={[style.bottomIconWrapper, { backgroundColor: colors.appBar }]}>\r\n            <Icon\r\n                name={icon}\r\n                color={colors.appBarText}\r\n                style={color === \"textSecondary\" ? style.opacity_06 : undefined}\r\n                size={iconSizeConst.big}\r\n                onPress={onPress}\r\n            />\r\n            <ThemeText\r\n                fontSize=\"subTitle\"\r\n                fontColor={\"appBarText\"}\r\n                opacity={color === \"textSecondary\" ? 0.6 : undefined}\r\n                style={style.bottomIconText}>\r\n                {title}\r\n            </ThemeText>\r\n        </Pressable>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: \"100%\",\r\n        height: rpx(144),\r\n        flexDirection: \"row\",\r\n    },\r\n\r\n    bottomIconWrapper: {\r\n        flex: 1,\r\n        height: \"100%\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n    },\r\n    bottomIconText: {\r\n        marginTop: rpx(12),\r\n    },\r\n    opacity_06: {\r\n        opacity: 0.6,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/musicListEditor/components/musicList.tsx",
    "content": "import React, { memo, useCallback } from \"react\";\nimport { StatusBar, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport MusicItem from \"@/components/mediaItem/musicItem\";\nimport { produce } from \"immer\";\nimport { useAtom, useSetAtom } from \"jotai\";\nimport {\n    IEditorMusicItem,\n    editingMusicListAtom,\n    musicListChangedAtom,\n} from \"../store/atom\";\nimport SortableFlatList from \"@/components/base/SortableFlatList\";\n\nimport CheckBox from \"@/components/base/checkbox\";\nimport useColors from \"@/hooks/useColors\";\nimport Empty from \"@/components/base/empty\";\n\nconst ITEM_HEIGHT = rpx(120);\n\ninterface IMusicEditorItemProps {\n    index: number;\n    editorMusicItem: IEditorMusicItem;\n}\nfunction _MusicEditorItem(props: IMusicEditorItemProps) {\n    const { index, editorMusicItem } = props;\n    const setEditingMusicList = useSetAtom(editingMusicListAtom);\n\n    const onPress = useCallback(() => {\n        setEditingMusicList(\n            produce(draft => {\n                draft[index].checked = !draft[index].checked;\n            }),\n        );\n    }, [index]);\n\n    return (\n        <MusicItem\n            musicItem={editorMusicItem.musicItem}\n            left={() => (\n                <View style={style.checkBox}>\n                    <CheckBox checked={editorMusicItem.checked} />\n                </View>\n            )}\n            showMoreIcon={false}\n            itemPaddingRight={rpx(100)}\n            onItemPress={onPress}\n        />\n    );\n}\n\nconst MusicEditorItem = memo(\n    _MusicEditorItem,\n    (prev, curr) =>\n        prev.editorMusicItem === curr.editorMusicItem &&\n        prev.index === curr.index,\n);\n\n/** 音乐列表 */\nconst marginTop = rpx(88) * 2 + (StatusBar.currentHeight ?? 0);\nexport default function MusicList() {\n    const [editingMusicList, setEditingMusicList] =\n        useAtom(editingMusicListAtom);\n    const setMusicListChanged = useSetAtom(musicListChangedAtom);\n\n    const renderItem = useCallback(\n        ({ index, item }: any) => {\n            return <MusicEditorItem editorMusicItem={item} index={index!} />;\n        },\n        [editingMusicList],\n    );\n    const colors = useColors();\n\n    return editingMusicList?.length ? (\n        <SortableFlatList\n            activeBackgroundColor={colors.placeholder}\n            marginTop={marginTop}\n            data={editingMusicList}\n            renderItem={renderItem}\n            itemHeight={ITEM_HEIGHT}\n            onSortEnd={newData => {\n                setEditingMusicList(newData);\n                setMusicListChanged(true);\n            }}\n        />\n    ) : (\n        <Empty />\n    );\n}\n\nconst style = StyleSheet.create({\n    checkBox: {\n        height: \"100%\",\n        justifyContent: \"center\",\n        marginRight: rpx(16),\n    },\n});\n"
  },
  {
    "path": "src/pages/musicListEditor/index.tsx",
    "content": "import AppBar from \"@/components/base/appBar\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport i18n from \"@/core/i18n\";\nimport { useParams } from \"@/core/router\";\nimport { useSetAtom } from \"jotai\";\nimport React, { useEffect } from \"react\";\nimport Body from \"./components/body\";\nimport Bottom from \"./components/bottom\";\nimport { editingMusicListAtom, musicListChangedAtom } from \"./store/atom\";\n\nexport default function MusicListEditor() {\n    const { musicSheet, musicList } = useParams<\"music-list-editor\">();\n\n    const setEditingMusicList = useSetAtom(editingMusicListAtom);\n    const setMusicListChanged = useSetAtom(musicListChangedAtom);\n\n    useEffect(() => {\n        setEditingMusicList(\n            (musicList ?? []).map(_ => ({ musicItem: _, checked: false })),\n        );\n        return () => {\n            setEditingMusicList([]);\n            setMusicListChanged(false);\n        };\n    }, []);\n\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <StatusBar />\n            <AppBar>{musicSheet?.title ?? i18n.t(\"common.sheet\")}</AppBar>\n            <Body />\n            <Bottom />\n        </VerticalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/pages/musicListEditor/store/atom.ts",
    "content": "import { atom } from \"jotai\";\n\nexport interface IEditorMusicItem {\n    musicItem: IMusic.IMusicItem;\n    checked?: boolean;\n}\n\n/** 编辑页中的音乐条目 */\nconst editingMusicListAtom = atom<IEditorMusicItem[]>([]);\n\n/** 是否变动过 */\nconst musicListChangedAtom = atom(false);\n\nexport { editingMusicListAtom, musicListChangedAtom };\n"
  },
  {
    "path": "src/pages/permissions/index.tsx",
    "content": "import AppBar from \"@/components/base/appBar\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport StatusBar from \"@/components/base/statusBar\";\r\nimport ThemeSwitch from \"@/components/base/switch\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\r\nimport globalStyle from \"@/constants/globalStyle\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport LyricUtil from \"@/native/lyricUtil\";\r\nimport NativeUtils from \"@/native/utils\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { AppState, StyleSheet } from \"react-native\";\r\n\r\ntype IPermissionTypes = \"floatingWindow\" | \"fileStorage\";\r\n\r\nexport default function Permissions() {\r\n    const appState = useRef(AppState.currentState);\r\n    const [permissions, setPermissions] = useState<\r\n        Record<IPermissionTypes, boolean>\r\n    >({\r\n        floatingWindow: false,\r\n        fileStorage: false,\r\n        // background: false,\r\n    });\r\n    const { t } = useI18N();\r\n\r\n    async function checkPermission(type?: IPermissionTypes) {\r\n        let newPermission = {\r\n            ...permissions,\r\n        };\r\n        if (!type || type === \"floatingWindow\") {\r\n            const hasPermission = await LyricUtil.checkSystemAlertPermission();\r\n            newPermission.floatingWindow = hasPermission;\r\n        }\r\n        if (!type || type === \"fileStorage\") {\r\n            const hasPermission = await NativeUtils.checkStoragePermission();\r\n            console.log(\"HAS\", hasPermission);\r\n            newPermission.fileStorage = hasPermission;\r\n        }\r\n        // if (!type || type === 'background') {\r\n\r\n        // }\r\n\r\n        setPermissions(newPermission);\r\n    }\r\n\r\n    useEffect(() => {\r\n        checkPermission();\r\n        const subscription = AppState.addEventListener(\r\n            \"change\",\r\n            nextAppState => {\r\n                if (\r\n                    appState.current.match(/inactive|background/) &&\r\n                    nextAppState === \"active\"\r\n                ) {\r\n                    checkPermission();\r\n                }\r\n\r\n                appState.current = nextAppState;\r\n            },\r\n        );\r\n\r\n        return () => {\r\n            subscription.remove();\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\r\n            <StatusBar />\r\n            <AppBar>{t(\"permissionSetting.title\")}</AppBar>\r\n            <ThemeText style={styles.description}>\r\n                {t(\"permissionSetting.description\")}\r\n            </ThemeText>\r\n            <ListItem\r\n                withHorizontalPadding\r\n                heightType=\"big\"\r\n                onPress={() => {\r\n                    LyricUtil.requestSystemAlertPermission();\r\n                }}>\r\n                <ListItem.Content\r\n                    title={t(\"permissionSetting.floatWindowPermission\")}\r\n                    description={t(\"permissionSetting.floatWindowPermissionDescription\")}\r\n                />\r\n                <ThemeSwitch value={permissions.floatingWindow} />\r\n            </ListItem>\r\n            <ListItem\r\n                withHorizontalPadding\r\n                heightType=\"big\"\r\n                onPress={() => {\r\n                    NativeUtils.requestStoragePermission();\r\n                }}>\r\n                <ListItem.Content\r\n                    title={t(\"permissionSetting.fileReadWritePermission\")}\r\n                    description={t(\"permissionSetting.fileReadWritePermissionDescription\")}\r\n                />\r\n                <ThemeSwitch value={permissions.fileStorage} />\r\n            </ListItem>\r\n            {/* <ListItem withHorizontalPadding heightType=\"big\">\r\n                <ListItem.Content\r\n                    title=\"后台运行\"\r\n                    description=\"用以在后台播放音乐\"></ListItem.Content>\r\n                <ThemeSwitch value={permissions.background}></ThemeSwitch>\r\n            </ListItem> */}\r\n        </VerticalSafeAreaView>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    description: {\r\n        width: \"100%\",\r\n        paddingHorizontal: rpx(24),\r\n        marginVertical: rpx(36),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/pluginSheetDetail/hooks/usePluginSheetMusicList.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport PluginManager from \"@/core/pluginManager\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport default function usePluginSheetMusicList(\n    originalSheetItem: IMusic.IMusicSheetItem | null,\n) {\n    const currentPageRef = useRef(1);\n\n    const [requestState, setRequestState] = useState<RequestStateCode>(RequestStateCode.IDLE);\n    const [sheetItem, setSheetItem] = useState<IMusic.IMusicSheetItem | null>(\n        originalSheetItem,\n    );\n    const [musicList, setMusicList] = useState<IMusic.IMusicItem[]>(\n        originalSheetItem?.musicList ?? [],\n    );\n\n    const getSheetDetail = useCallback(\n        async function () {\n            // 加载中：直接退出\n            if (originalSheetItem === null ||\n                requestState === RequestStateCode.FINISHED ||\n                requestState === RequestStateCode.PENDING_FIRST_PAGE ||\n                requestState === RequestStateCode.PENDING_REST_PAGE) {\n                return;\n            }\n            try {\n                if (currentPageRef.current === 1) {\n                    setRequestState(RequestStateCode.PENDING_FIRST_PAGE);\n                } else {\n                    setRequestState(RequestStateCode.PENDING_REST_PAGE);\n                }\n                const result = await PluginManager.getByMedia(\n                    originalSheetItem as any,\n                )?.methods?.getMusicSheetInfo?.(\n                    originalSheetItem,\n                    currentPageRef.current,\n                );\n                if (!result) {\n                    throw new Error();\n                }\n                if (result?.sheetItem) {\n                    setSheetItem(prev => ({\n                        ...(prev ?? {}),\n                        ...(result.sheetItem as IMusic.IMusicSheetItem),\n                        platform: originalSheetItem.platform,\n                    }));\n                }\n                if (result?.musicList) {\n                    setMusicList(prev => {\n                        if (currentPageRef.current === 1) {\n                            return result?.musicList ?? prev;\n                        } else {\n                            return [...prev, ...(result.musicList ?? [])];\n                        }\n                    });\n                }\n                if (result.isEnd) {\n                    setRequestState(RequestStateCode.FINISHED);\n                } else {\n                    setRequestState(RequestStateCode.PARTLY_DONE);\n                }\n                currentPageRef.current += 1;\n            } catch {\n                setRequestState(RequestStateCode.ERROR);\n            }\n        },\n        [requestState],\n    );\n\n    useEffect(() => {\n        getSheetDetail();\n    }, []);\n\n    return [requestState, sheetItem, musicList, getSheetDetail] as const;\n}\n"
  },
  {
    "path": "src/pages/pluginSheetDetail/index.tsx",
    "content": "import React from \"react\";\nimport MusicSheetPage from \"@/components/musicSheetPage\";\nimport { useParams } from \"@/core/router\";\nimport usePluginSheetMusicList from \"./hooks/usePluginSheetMusicList\";\nimport i18n from \"@/core/i18n\";\n\nexport default function PluginSheetDetail() {\n    const { sheetInfo } = useParams<\"plugin-sheet-detail\">();\n\n    const [requestState, sheetItem, musicList, getSheetDetail] =\n        usePluginSheetMusicList(sheetInfo as IMusic.IMusicSheetItem);\n    return (\n        <MusicSheetPage\n            canStar\n            sheetInfo={sheetItem}\n            navTitle={sheetInfo?.title ?? i18n.t(\"common.sheet\")}\n            musicList={musicList}\n            state={requestState}\n            onRetry={getSheetDetail}\n            onLoadMore={getSheetDetail}\n        />\n    );\n}\n"
  },
  {
    "path": "src/pages/recommendSheets/components/body/index.tsx",
    "content": "import NoPlugin from \"@/components/base/noPlugin\";\nimport { fontWeightConst } from \"@/constants/uiConst\";\nimport { useI18N } from \"@/core/i18n\";\nimport PluginManager from \"@/core/pluginManager\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx, { vw } from \"@/utils/rpx\";\nimport React, { useState } from \"react\";\nimport { Text } from \"react-native\";\nimport { TabBar, TabView } from \"react-native-tab-view\";\nimport SheetBody from \"./sheetBody\";\n\nexport default function Body() {\n    const [index, setIndex] = useState(0);\n    const colors = useColors();\n    const routes = PluginManager.getSortedPluginsWithAbility(\"getRecommendSheetsByTag\").map(\n        _ => ({\n            key: _.hash,\n            title: _.name,\n        }),\n    );\n    const { t } = useI18N();\n\n    const renderTabBar = (_: any) => (\n        <TabBar\n            {..._}\n            scrollEnabled\n            style={{\n                backgroundColor: \"transparent\",\n                shadowColor: \"transparent\",\n                borderColor: \"transparent\",\n            }}\n            tabStyle={{\n                width: \"auto\",\n            }}\n            pressColor=\"transparent\"\n            inactiveColor={colors.text}\n            activeColor={colors.primary}\n            renderLabel={({ route, focused, color }) => (\n                <Text\n                    numberOfLines={1}\n                    style={{\n                        width: rpx(160),\n                        fontWeight: focused\n                            ? fontWeightConst.bolder\n                            : fontWeightConst.medium,\n                        color,\n                        textAlign: \"center\",\n                    }}>\n                    {route.title ?? `(${t(\"common.unknownName\")})`}\n                </Text>\n            )}\n            indicatorStyle={{\n                backgroundColor: colors.primary,\n                height: rpx(4),\n            }}\n        />\n    );\n\n    if (!routes?.length) {\n        return <NoPlugin notSupportType={t(\"recommendSheet.title\")} />;\n    }\n    return (\n        <TabView\n            lazy\n            navigationState={{\n                index,\n                routes,\n            }}\n            renderTabBar={renderTabBar}\n            renderScene={props => {\n                return <SheetBody hash={props.route.key} />;\n            }}\n            onIndexChange={setIndex}\n            initialLayout={{ width: vw(100) }}\n        />\n    );\n}\n"
  },
  {
    "path": "src/pages/recommendSheets/components/body/sheetBody.tsx",
    "content": "import React, { memo, useMemo, useState } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport TypeTag from \"../../../../components/base/typeTag\";\n\nimport useRecommendList from \"../../hooks/useRecommendListTags\";\nimport SheetList from \"./sheetList\";\nimport { hidePanel, showPanel } from \"@/components/panels/usePanel\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface IProps {\n    hash: string;\n}\n\n\nfunction SheetBody(props: IProps) {\n    const { hash } = props;\n\n    const { t } = useI18N();\n\n    const defaultTag: ICommon.IUnique = useMemo(() => ({\n        title: t(\"common.default\"),\n        id: \"\",\n    }), [t]);\n\n    // 选中的tag\n    const [selectedTag, setSelectedTag] = useState<ICommon.IUnique>(defaultTag);\n\n    // 第一个tag\n    const [firstTag, setFirstTag] = useState<ICommon.IUnique>(defaultTag);\n\n    // 所有tag\n    const tags = useRecommendList(hash);\n\n    return (\n        <View style={globalStyle.fwflex1}>\n            <ScrollView\n                style={style.headerWrapper}\n                contentContainerStyle={style.header}\n                showsHorizontalScrollIndicator={false}\n                horizontal>\n                <TypeTag\n                    title={firstTag.title}\n                    selected={selectedTag.id === firstTag.id}\n                    onPress={() => {\n                        // 拉起浮层\n                        showPanel(\"SheetTags\", {\n                            tags: tags?.data ?? [],\n                            onTagPressed(tag) {\n                                setSelectedTag(tag);\n                                setFirstTag(tag);\n                                hidePanel();\n                            },\n                        });\n                    }}\n                />\n                {(tags?.pinned ?? []).map(_ => (\n                    <TypeTag\n                        key={`pinned-${_.id}`}\n                        title={_?.title ?? \"\"}\n                        selected={selectedTag.id === _.id}\n                        onPress={() => {\n                            setSelectedTag(_);\n                        }}\n                    />\n                ))}\n            </ScrollView>\n            <SheetList tag={selectedTag} pluginHash={hash} />\n        </View>\n    );\n}\n\nexport default memo(SheetBody, (prev, curr) => prev.hash === curr.hash);\n\nconst style = StyleSheet.create({\n    headerWrapper: {\n        height: rpx(100),\n        flexGrow: 0,\n    },\n    header: {\n        height: rpx(100),\n        alignItems: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/pages/recommendSheets/components/body/sheetList.tsx",
    "content": "import React, { memo, useCallback } from \"react\";\nimport rpx from \"@/utils/rpx\";\nimport { FlashList } from \"@shopify/flash-list\";\nimport useRecommendSheets from \"../../hooks/useRecommendSheets\";\nimport SheetItem from \"@/components/mediaItem/sheetItem\";\nimport useOrientation from \"@/hooks/useOrientation\";\nimport ListEmpty from \"@/components/base/listEmpty\";\nimport ListFooter from \"@/components/base/listFooter\";\n\ninterface ISheetListProps {\n    tag: ICommon.IUnique;\n    pluginHash: string;\n}\n\nfunction SheetList(props: ISheetListProps) {\n    const { tag, pluginHash } = props ?? {};\n\n    const [query, sheets, status] = useRecommendSheets(pluginHash, tag);\n\n    function renderItem({ item }: { item: IMusic.IMusicSheetItemBase }) {\n        return <SheetItem sheetInfo={item} pluginHash={pluginHash} />;\n    }\n    const orientation = useOrientation();\n\n    const keyExtractor = useCallback(\n        (item: any, i: number) => `${i}-${item.platform}-${item.id}`,\n        [],\n    );\n\n    return (\n        <FlashList\n            ListEmptyComponent={<ListEmpty state={status} onRetry={query} />}\n            ListFooterComponent={\n                sheets.length ? <ListFooter\n                    state={status}\n                    onRetry={query}\n                /> : null\n            }\n            onEndReached={() => {\n                query();\n            }}\n            onEndReachedThreshold={0.1}\n            estimatedItemSize={rpx(306)}\n            numColumns={orientation === \"vertical\" ? 3 : 4}\n            renderItem={renderItem}\n            data={sheets}\n            keyExtractor={keyExtractor}\n        />\n    );\n}\n\nexport default memo(\n    SheetList,\n    (prev, curr) =>\n        prev.tag.id === curr.tag.id && prev.pluginHash === curr.pluginHash,\n);\n"
  },
  {
    "path": "src/pages/recommendSheets/hooks/useRecommendListTags.ts",
    "content": "import PluginManager from \"@/core/pluginManager\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport default function (hash: string) {\n    const [tags, setTags] =\n        useState<IPlugin.IGetRecommendSheetTagsResult | null>(null);\n\n    const query = useCallback(async () => {\n        const plugin = PluginManager.getByHash(hash);\n        if (plugin) {\n            try {\n                const result = await plugin.methods?.getRecommendSheetTags?.();\n                if (!result) {\n                    throw new Error();\n                }\n                setTags(result);\n            } catch {\n                setTags(null);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        query();\n    }, []);\n\n    return tags;\n}\n"
  },
  {
    "path": "src/pages/recommendSheets/hooks/useRecommendSheets.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport PluginManager from \"@/core/pluginManager\";\nimport { resetMediaItem } from \"@/utils/mediaUtils\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport default function (pluginHash: string, tag: ICommon.IUnique) {\n    const [sheets, setSheets] = useState<IMusic.IMusicSheetItemBase[]>([]);\n    const [requestState, setRequestState] = useState(RequestStateCode.IDLE);\n    const currentTagRef = useRef<string>();\n    const pageRef = useRef(0);\n\n    const query = useCallback(async () => {\n        if (\n            (requestState === RequestStateCode.FINISHED ||\n                requestState === RequestStateCode.PENDING_FIRST_PAGE ||\n                requestState === RequestStateCode.PENDING_REST_PAGE) &&\n            currentTagRef.current === tag.id\n        ) {\n            return;\n        }\n        try {\n            if (currentTagRef.current !== tag.id) {\n                setSheets([]);\n                pageRef.current = 0;\n            }\n            pageRef.current++;\n            currentTagRef.current = tag.id;\n            const plugin = PluginManager.getByHash(pluginHash);\n            if (plugin) {\n                if (pageRef.current === 1) {\n                    setRequestState(RequestStateCode.PENDING_FIRST_PAGE);\n                } else {\n                    setRequestState(RequestStateCode.PENDING_REST_PAGE);\n                }\n                const res = await plugin.methods?.getRecommendSheetsByTag?.(\n                    tag,\n                    pageRef.current,\n                );\n                \n                if (res.isEnd) {\n                    setRequestState(RequestStateCode.FINISHED);\n                } else {\n                    setRequestState(RequestStateCode.PARTLY_DONE);\n                }\n                if (tag.id === currentTagRef.current) {\n                    setSheets(prev => [\n                        ...prev,\n                        ...res.data!.map(item =>\n                            resetMediaItem(item, plugin.instance.platform),\n                        ),\n                    ]);\n                }\n\n            } else {\n                setRequestState(RequestStateCode.FINISHED);\n                setSheets([]);\n            }\n        } catch {\n            setRequestState(RequestStateCode.ERROR);\n        }\n    }, [tag, requestState]);\n\n    useEffect(() => {\n        query();\n    }, [tag]);\n\n\n    return [query, sheets, requestState] as const;\n}\n"
  },
  {
    "path": "src/pages/recommendSheets/index.tsx",
    "content": "import AppBar from \"@/components/base/appBar\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\nimport MusicBar from \"@/components/musicBar\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { useI18N } from \"@/core/i18n\";\nimport React from \"react\";\nimport Body from \"./components/body\";\n\nexport default function RecommendSheets() {\n    const { t } = useI18N();\n\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <StatusBar />\n            <AppBar>{t(\"recommendSheet.title\")}</AppBar>\n            <Body />\n            <MusicBar />\n        </VerticalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/pages/searchMusicList/index.tsx",
    "content": "import AppBar from \"@/components/base/appBar\";\nimport Input from \"@/components/base/input\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\nimport MusicBar from \"@/components/musicBar\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { fontSizeConst } from \"@/constants/uiConst\";\nimport { useI18N } from \"@/core/i18n\";\nimport { useParams } from \"@/core/router\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\nimport React, { useState } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport SearchResult from \"./searchResult\";\n\nfunction filterMusic(query: string, musicList: IMusic.IMusicItem[]) {\n    if (query?.length === 0) {\n        return musicList;\n    }\n    return musicList.filter(_ =>\n        `${_.title} ${_.artist} ${_.album} ${_.platform}`\n            .toLowerCase()\n            .includes(query.toLowerCase()),\n    );\n}\n\nexport default function SearchMusicList() {\n    const { musicList, musicSheet } = useParams<\"search-music-list\">();\n    const [result, setResult] = useState<IMusic.IMusicItem[]>(musicList ?? []);\n    const [query, setQuery] = useState(\"\");\n\n    const colors = useColors();\n    const { t } = useI18N();\n\n    const onChangeSearch = (_: string) => {\n        setQuery(_);\n        // useTransition做优化\n        setResult(filterMusic(_.trim(), musicList ?? []));\n    };\n\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <StatusBar />\n            <AppBar>\n                <Input\n                    style={style.searchBar}\n                    fontColor={colors.appBarText}\n                    placeholder={t(\"searchMusicList.searchPlaceHolder\")}\n                    accessible\n                    autoFocus\n                    accessibilityLabel=\"搜索框\"\n                    accessibilityHint={t(\"searchMusicList.searchLabel.a11y\")}\n                    value={query}\n                    onChangeText={onChangeSearch}\n                />\n            </AppBar>\n            <SearchResult result={result} musicSheet={musicSheet} />\n            <MusicBar />\n        </VerticalSafeAreaView>\n    );\n}\n\nconst style = StyleSheet.create({\n    appbar: {\n        shadowColor: \"transparent\",\n        backgroundColor: \"#2b333eaa\",\n    },\n    searchBar: {\n        minWidth: rpx(375),\n        flex: 1,\n        borderRadius: rpx(64),\n        height: rpx(64),\n        fontSize: rpx(32),\n    },\n    input: {\n        padding: 0,\n        color: \"#666666\",\n        height: rpx(64),\n        fontSize: fontSizeConst.subTitle,\n        textAlignVertical: \"center\",\n        includeFontPadding: false,\n    },\n});\n"
  },
  {
    "path": "src/pages/searchMusicList/searchResult.tsx",
    "content": "import React from \"react\";\nimport MusicItem from \"@/components/mediaItem/musicItem\";\nimport Empty from \"@/components/base/empty\";\nimport { FlashList } from \"@shopify/flash-list\";\nimport rpx from \"@/utils/rpx.ts\";\n\ninterface ISearchResultProps {\n    result: IMusic.IMusicItem[];\n    musicSheet?: IMusic.IMusicSheetItem;\n}\n\nconst ITEM_HEIGHT = rpx(120);\n\nexport default function SearchResult(props: ISearchResultProps) {\n    const { result, musicSheet } = props;\n    return (\n        <FlashList\n            estimatedItemSize={ITEM_HEIGHT}\n            ListEmptyComponent={<Empty />}\n            data={result}\n            renderItem={({ item }) => (\n                <MusicItem musicItem={item} musicSheet={musicSheet} />\n            )}\n        />\n    );\n}\n"
  },
  {
    "path": "src/pages/searchPage/common/historySearch.ts",
    "content": "import { getStorage, setStorage } from \"@/utils/storage\";\n\nexport async function getHistory() {\n    return (await getStorage(\"history-search\")) ?? [];\n}\n\nexport async function addHistory(query: string) {\n    let searchList = await getHistory();\n    searchList = [query].concat(searchList.filter((_: string) => _ !== query));\n    await setStorage(\"history-search\", searchList);\n}\n\nexport async function removeHistory(query: string) {\n    let searchList = await getHistory();\n    searchList = searchList.filter((_: string) => _ !== query);\n    await setStorage(\"history-search\", searchList);\n}\n\nexport async function removeAllHistory() {\n    await setStorage(\"history-search\", []);\n}\n"
  },
  {
    "path": "src/pages/searchPage/components/historyPanel.tsx",
    "content": "import React, { useEffect, useState } from \"react\";\nimport { ScrollView, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport Loading from \"@/components/base/loading\";\nimport Chip from \"@/components/base/chip\";\nimport useSearch from \"../hooks/useSearch\";\nimport {\n    addHistory,\n    getHistory,\n    removeAllHistory,\n    removeHistory,\n} from \"../common/historySearch\";\nimport { useSetAtom } from \"jotai\";\nimport {\n    PageStatus,\n    initSearchResults,\n    pageStatusAtom,\n    queryAtom,\n    searchResultsAtom,\n} from \"../store/atoms\";\nimport ThemeText from \"@/components/base/themeText\";\nimport Button from \"@/components/base/textButton.tsx\";\nimport Empty from \"@/components/base/empty\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function () {\n    const [history, setHistory] = useState<string[] | null>(null);\n    const search = useSearch();\n\n    const setQuery = useSetAtom(queryAtom);\n    const setPageStatus = useSetAtom(pageStatusAtom);\n    const setSearchResultsState = useSetAtom(searchResultsAtom);\n    const { t } = useI18N();\n\n    useEffect(() => {\n        getHistory().then(setHistory);\n    }, []);\n\n    return (\n        <View style={style.wrapper}>\n            {history === null ? (\n                <Loading />\n            ) : (\n                <>\n                    <View style={style.header}>\n                        <ThemeText fontSize=\"title\" fontWeight=\"semibold\">\n                            {t(\"searchPage.history\")}\n                        </ThemeText>\n                        <Button\n                            fontColor=\"textSecondary\"\n                            onPress={async () => {\n                                await removeAllHistory();\n                                getHistory().then(setHistory);\n                            }}>\n                            {t(\"common.clear\")}\n                        </Button>\n                    </View>\n                    <ScrollView\n                        style={style.historyContent}\n                        contentContainerStyle={style.historyContentConainer}>\n                        {history.length ? (\n                            history.map(_ => (\n                                <Chip\n                                    key={`search-history-${_}`}\n                                    containerStyle={style.chip}\n                                    onClose={async () => {\n                                        await removeHistory(_);\n                                        getHistory().then(setHistory);\n                                    }}\n                                    onPress={() => {\n                                        setSearchResultsState(\n                                            initSearchResults,\n                                        );\n                                        setPageStatus(PageStatus.SEARCHING);\n                                        search(_, 1);\n                                        addHistory(_);\n                                        setQuery(_);\n                                    }}>\n                                    {_}\n                                </Chip>\n                            ))\n                        ) : (\n                            <Empty />\n                        )}\n                    </ScrollView>\n                </>\n            )}\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        maxWidth: \"100%\",\n        flexDirection: \"column\",\n        padding: rpx(24),\n        flex: 1,\n    },\n    header: {\n        width: \"100%\",\n        flexDirection: \"row\",\n        paddingVertical: rpx(28),\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n    },\n    historyContent: {\n        width: \"100%\",\n        flex: 1,\n    },\n    historyContentConainer: {\n        flexDirection: \"row\",\n        flexWrap: \"wrap\",\n    },\n    chip: {\n        flexGrow: 0,\n        marginRight: rpx(24),\n        marginBottom: rpx(24),\n    },\n});\n"
  },
  {
    "path": "src/pages/searchPage/components/navBar.tsx",
    "content": "import AppBar from \"@/components/base/appBar\";\r\nimport Icon from \"@/components/base/icon.tsx\";\r\nimport IconButton from \"@/components/base/iconButton\";\r\nimport Input from \"@/components/base/input\";\r\nimport Button from \"@/components/base/textButton.tsx\";\r\nimport { iconSizeConst } from \"@/constants/uiConst\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport Color from \"color\";\r\nimport { useAtom, useSetAtom } from \"jotai\";\r\nimport React from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport { addHistory } from \"../common/historySearch\";\r\nimport useSearch from \"../hooks/useSearch\";\r\nimport {\r\n    PageStatus,\r\n    initSearchResults,\r\n    pageStatusAtom,\r\n    queryAtom,\r\n    searchResultsAtom,\r\n} from \"../store/atoms\";\r\n\r\nexport default function NavBar() {\r\n    const search = useSearch();\r\n    const [query, setQuery] = useAtom(queryAtom);\r\n    const setPageStatus = useSetAtom(pageStatusAtom);\r\n    const colors = useColors();\r\n    const setSearchResultsState = useSetAtom(searchResultsAtom);\r\n    const { t } = useI18N();\r\n\r\n    const onSearchSubmit = async () => {\r\n        if (query === \"\") {\r\n            return;\r\n        }\r\n        setSearchResultsState(initSearchResults);\r\n        setPageStatus(prev =>\r\n            prev === PageStatus.EDITING ? PageStatus.SEARCHING : prev,\r\n        );\r\n        await search(query, 1);\r\n        await addHistory(query);\r\n    };\r\n\r\n    const hintTextColor = Color(colors.text).alpha(0.6).toString();\r\n\r\n    return (\r\n        <AppBar containerStyle={style.appbar} contentStyle={style.appbar}>\r\n            <View style={style.searchBarContainer}>\r\n                <Icon\r\n                    name=\"magnifying-glass\"\r\n                    color={hintTextColor}\r\n                    size={iconSizeConst.small}\r\n                    style={style.magnify}\r\n                />\r\n                <Input\r\n                    autoFocus\r\n                    style={[\r\n                        style.searchBar,\r\n                        {\r\n                            color: colors.text,\r\n                            backgroundColor: colors.pageBackground,\r\n                        },\r\n                    ]}\r\n                    accessible\r\n                    accessibilityLabel={t(\"searchPage.searchLabel.a11y\")}\r\n                    accessibilityHint={t(\"searchPage.searchPlaceHolder\")}\r\n                    onFocus={() => {\r\n                        setPageStatus(PageStatus.EDITING);\r\n                    }}\r\n                    placeholderTextColor={hintTextColor}\r\n                    placeholder={t(\"searchPage.searchPlaceHolder\")}\r\n                    onSubmitEditing={onSearchSubmit}\r\n                    onChangeText={_ => {\r\n                        if (_ === \"\") {\r\n                            setPageStatus(PageStatus.EDITING);\r\n                        }\r\n                        setQuery(_);\r\n                    }}\r\n                    value={query}\r\n                />\r\n                {query.length ? (\r\n                    <IconButton\r\n                        style={style.close}\r\n                        sizeType=\"light\"\r\n                        onPress={() => {\r\n                            setQuery(\"\");\r\n                            setPageStatus(PageStatus.EDITING);\r\n                        }}\r\n                        color={hintTextColor}\r\n                        name=\"x-mark\"\r\n                    />\r\n                ) : null}\r\n            </View>\r\n            <Button\r\n                style={[style.button]}\r\n                hitSlop={0}\r\n                fontColor={\"appBarText\"}\r\n                onPress={onSearchSubmit}>\r\n                {t(\"common.search\")}\r\n            </Button>\r\n        </AppBar>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    appbar: {\r\n        paddingRight: 0,\r\n    },\r\n    button: {\r\n        paddingHorizontal: rpx(24),\r\n        height: \"100%\",\r\n        justifyContent: \"center\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n    searchBarContainer: {\r\n        flex: 1,\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n    searchBar: {\r\n        minWidth: rpx(375),\r\n        flex: 1,\r\n        paddingHorizontal: rpx(64),\r\n        borderRadius: rpx(64),\r\n        height: rpx(64),\r\n        maxHeight: rpx(64),\r\n        alignItems: \"center\",\r\n    },\r\n    magnify: {\r\n        position: \"absolute\",\r\n        left: rpx(16),\r\n        zIndex: 100,\r\n    },\r\n    close: {\r\n        position: \"absolute\",\r\n        right: rpx(16),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/index.tsx",
    "content": "/**\n * 搜索结果面板 一级页\n */\nimport React, { memo, useState } from \"react\";\nimport { Text } from \"react-native\";\nimport rpx, { vw } from \"@/utils/rpx\";\nimport { SceneMap, TabBar, TabView } from \"react-native-tab-view\";\nimport ResultSubPanel from \"./resultSubPanel\";\nimport results from \"./results\";\nimport { fontWeightConst } from \"@/constants/uiConst\";\nimport useColors from \"@/hooks/useColors\";\nimport { useI18N } from \"@/core/i18n\";\n\nconst routes = results;\n\nconst getRouterScene = (\n    routes: Array<{ key: ICommon.SupportMediaType; title: string }>,\n) => {\n    const scene: Record<string, () => JSX.Element> = {};\n    routes.forEach(r => {\n        scene[r.key] = () => <ResultSubPanel tab={r.key} />;\n    });\n    return SceneMap(scene);\n};\n\nconst renderScene = getRouterScene(routes);\n\nfunction ResultPanel() {\n    const [index, setIndex] = useState(0);\n    const colors = useColors();\n    const { t } = useI18N();\n\n    return (\n        <TabView\n            lazy\n            navigationState={{\n                index,\n                routes,\n            }}\n            renderTabBar={props => (\n                <TabBar\n                    {...props}\n                    scrollEnabled\n                    style={{\n                        backgroundColor: colors.tabBar,\n                        shadowColor: \"transparent\",\n                        borderColor: \"transparent\",\n                    }}\n                    inactiveColor={colors.text}\n                    activeColor={colors.primary}\n                    tabStyle={{\n                        width: \"auto\",\n                    }}\n                    renderLabel={({ route, focused, color }) => (\n                        <Text\n                            numberOfLines={1}\n                            style={{\n                                width: rpx(160),\n                                fontWeight: focused\n                                    ? fontWeightConst.bolder\n                                    : fontWeightConst.medium,\n                                color,\n                                textAlign: \"center\",\n                            }}>\n                            {route.i18nKey ? t(route.i18nKey as any) : route.title}\n                        </Text>\n                    )}\n                    indicatorStyle={{\n                        backgroundColor: colors.primary,\n                        height: rpx(4),\n                    }}\n                />\n            )}\n            renderScene={renderScene}\n            onIndexChange={setIndex}\n            initialLayout={{ width: vw(100) }}\n        />\n    );\n}\n\nexport default memo(ResultPanel);\n"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/resultSubPanel.tsx",
    "content": "import Empty from \"@/components/base/empty\";\nimport { fontWeightConst } from \"@/constants/uiConst\";\nimport { useI18N } from \"@/core/i18n\";\nimport PluginManager from \"@/core/pluginManager\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx, { vw } from \"@/utils/rpx\";\nimport { useAtomValue } from \"jotai\";\nimport React, { memo, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"react-native\";\nimport { SceneMap, TabBar, TabView } from \"react-native-tab-view\";\nimport { searchResultsAtom } from \"../../store/atoms\";\nimport { renderMap } from \"./results\";\nimport DefaultResults from \"./results/defaultResults\";\nimport ResultWrapper from \"./resultWrapper\";\n\ninterface IResultSubPanelProps {\n    tab: ICommon.SupportMediaType;\n}\n\n// 展示结果的视图\nfunction getResultComponent(\n    tab: ICommon.SupportMediaType,\n    pluginHash: string,\n    pluginName: string,\n) {\n    return tab in renderMap\n        ? memo(\n            () => {\n                const searchResults = useAtomValue(searchResultsAtom);\n                const pluginSearchResult = searchResults[tab][pluginHash];\n                const pluginSearchResultRef = useRef(pluginSearchResult);\n\n                useEffect(() => {\n                    pluginSearchResultRef.current = pluginSearchResult;\n                }, [pluginSearchResult]);\n\n                return (\n                    <ResultWrapper\n                        tab={tab}\n                        searchResult={pluginSearchResult}\n                        pluginHash={pluginHash}\n                        pluginName={pluginName}\n                        pluginSearchResultRef={pluginSearchResultRef}\n                    />\n                );\n            },\n            () => true,\n        )\n        : () => <DefaultResults />;\n}\n\n/** 结果scene */\nfunction getSubRouterScene(\n    tab: ICommon.SupportMediaType,\n    routes: Array<{ key: string; title: string }>,\n) {\n    const scene: Record<string, React.FC> = {};\n    routes.forEach(r => {\n        // todo: 是否声明不可搜索\n        scene[r.key] = getResultComponent(tab, r.key, r.title);\n    });\n    return SceneMap(scene);\n}\n\nfunction ResultSubPanel(props: IResultSubPanelProps) {\n    const [index, setIndex] = useState(0);\n    const colors = useColors();\n    const { t } = useI18N();\n\n    const routes = PluginManager.getSortedSearchablePlugins(props.tab).map(\n        _ => ({\n            key: _.hash,\n            title: _.name,\n        }),\n    );\n    const renderScene = useMemo(\n        () => getSubRouterScene(props.tab, routes),\n        [props.tab],\n    );\n\n    if (!routes.length) {\n        return <Empty />;\n    }\n\n    return (\n        <TabView\n            lazy\n            navigationState={{\n                index,\n                routes,\n            }}\n            renderTabBar={_ => (\n                <TabBar\n                    {..._}\n                    scrollEnabled\n                    style={{\n                        backgroundColor: \"transparent\",\n                        shadowColor: \"transparent\",\n                        borderColor: \"transparent\",\n                    }}\n                    inactiveColor={colors.text}\n                    activeColor={colors.primary}\n                    tabStyle={{\n                        width: \"auto\",\n                    }}\n                    renderIndicator={() => null}\n                    pressColor=\"transparent\"\n                    renderLabel={({ route, focused, color }) => (\n                        <Text\n                            numberOfLines={1}\n                            style={{\n                                width: rpx(140),\n                                fontWeight: focused\n                                    ? fontWeightConst.bolder\n                                    : fontWeightConst.medium,\n                                color,\n                                textAlign: \"center\",\n                            }}>\n                            {route.title ?? `(${t(\"common.unknownName\")})`}\n                        </Text>\n                    )}\n                />\n            )}\n            renderScene={renderScene}\n            onIndexChange={setIndex}\n            initialLayout={{ width: vw(100) }}\n        />\n    );\n}\n\n// 不然会一直重新渲染\nexport default memo(ResultSubPanel);\n"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/resultWrapper.tsx",
    "content": "import ListEmpty from \"@/components/base/listEmpty\";\nimport ListFooter from \"@/components/base/listFooter\";\nimport Loading from \"@/components/base/loading\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\nimport useOrientation from \"@/hooks/useOrientation\";\nimport rpx from \"@/utils/rpx\";\nimport { FlashList } from \"@shopify/flash-list\";\nimport { useAtomValue } from \"jotai\";\nimport React, { memo, useCallback, useEffect, useState } from \"react\";\nimport useSearch from \"../../hooks/useSearch\";\nimport { ISearchResult, queryAtom } from \"../../store/atoms\";\nimport { renderMap } from \"./results\";\n\ninterface IResultWrapperProps<\n    T extends ICommon.SupportMediaType = ICommon.SupportMediaType,\n> {\n    tab: T;\n    pluginHash: string;\n    pluginName: string;\n    searchResult: ISearchResult<T>;\n    pluginSearchResultRef: React.MutableRefObject<ISearchResult<T>>;\n}\nfunction ResultWrapper(props: IResultWrapperProps) {\n    const { tab, pluginHash, searchResult, pluginSearchResultRef } = props;\n    const search = useSearch();\n    const [searchState, setSearchState] = useState<RequestStateCode>(\n        searchResult?.state ?? RequestStateCode.IDLE,\n    );\n    const orientation = useOrientation();\n    const query = useAtomValue(queryAtom);\n\n    const ResultComponent = renderMap[tab]!;\n    const data: any = searchResult?.data ?? [];\n\n    const keyExtractor = useCallback(\n        (item: any, i: number) => `${i}-${item.platform}-${item.id}`,\n        [],\n    );\n\n    useEffect(() => {\n        if (searchState === RequestStateCode.IDLE) {\n            search(query, 1, tab, pluginHash);\n        }\n    }, []);\n\n    useEffect(() => {\n        setSearchState(searchResult?.state ?? RequestStateCode.IDLE);\n    }, [searchResult]);\n\n    const renderItem = ({ item, index }: any) => (\n        <ResultComponent\n            item={item}\n            index={index}\n            pluginHash={pluginHash}\n            pluginSearchResultRef={pluginSearchResultRef}\n        />\n    );\n\n    return searchState === RequestStateCode.PENDING_FIRST_PAGE ? (\n        <Loading />\n    ) : (\n        <FlashList\n            extraData={searchState}\n            ListEmptyComponent={<ListEmpty state={searchState} onRetry={() => {\n                search(query, 1, tab, pluginHash);\n            }} />}\n            ListFooterComponent={data?.length ? <ListFooter state={searchState} onRetry={() => {\n                search(query, undefined, tab, pluginHash);\n            }} /> : null}\n            data={data}\n            refreshing={false}\n            onRefresh={() => {\n                search(query, 1, tab, pluginHash);\n            }}\n            onEndReached={() => {\n                (searchState === RequestStateCode.PARTLY_DONE ||\n                    searchState === RequestStateCode.IDLE) &&\n                    search(undefined, undefined, tab, pluginHash);\n            }}\n            estimatedItemSize={tab === \"sheet\" ? rpx(306) : rpx(120)}\n            numColumns={\n                tab === \"sheet\" ? (orientation === \"vertical\" ? 3 : 4) : 1\n            }\n            renderItem={renderItem}\n            keyExtractor={keyExtractor}\n        />\n    );\n}\n\nexport default memo(ResultWrapper);"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/results/albumResultItem.tsx",
    "content": "import React from \"react\";\nimport AlbumItem from \"@/components/mediaItem/albumItem\";\n\ninterface IAlbumResultsProps {\n    item: IAlbum.IAlbumItem;\n    index: number;\n}\n\nexport default function AlbumResultItem(props: IAlbumResultsProps) {\n    const { item: albumItem } = props;\n\n    return <AlbumItem albumItem={albumItem} />;\n}\n"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/results/artistResultItem.tsx",
    "content": "import React from \"react\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport { ImgAsset } from \"@/constants/assetsConst\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport TitleAndTag from \"@/components/mediaItem/titleAndTag\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\ninterface IArtistResultsProps {\r\n    item: IArtist.IArtistItem;\r\n    index: number;\r\n    pluginHash: string;\r\n}\r\nexport default function ArtistResultItem(props: IArtistResultsProps) {\r\n    const { item: artistItem, pluginHash } = props;\r\n    const navigate = useNavigate();\r\n    const { t } = useI18N();\r\n\r\n    return (\r\n        <ListItem\r\n            withHorizontalPadding\r\n            heightType=\"big\"\r\n            onPress={() => {\r\n                navigate(ROUTE_PATH.ARTIST_DETAIL, {\r\n                    artistItem: artistItem,\r\n                    pluginHash,\r\n                });\r\n            }}>\r\n            <ListItem.ListItemImage\r\n                uri={artistItem.avatar}\r\n                fallbackImg={ImgAsset.albumDefault}\r\n            />\r\n            <ListItem.Content\r\n                description={\r\n                    artistItem.desc\r\n                        ? artistItem.desc\r\n                        : `${artistItem.worksNum\r\n                            ? t(\"searchPage.artistResultWorksNum\", {\r\n                                count: artistItem.worksNum,\r\n                            })\r\n                            : \"\"\r\n                        }    ${artistItem.description ?? \"\"}`\r\n                }\r\n                title={\r\n                    <TitleAndTag\r\n                        title={artistItem.name}\r\n                        tag={artistItem.platform}\r\n                    />\r\n                }\r\n            />\r\n        </ListItem>\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/results/defaultResults.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport i18n from \"@/core/i18n\";\n\nexport default function DefaultResults() {\n    return (\n        <View style={style.wrapper}>\n            <Text>{i18n.t(\"searchPage.comingSoon\")}</Text>\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: rpx(750),\n    },\n});\n"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/results/index.ts",
    "content": "import React from \"react\";\nimport AlbumResultItem from \"./albumResultItem\";\nimport ArtistResultItem from \"./artistResultItem\";\nimport MusicResultItem from \"./musicResultItem\";\nimport MusicSheetResultItem from \"./musicSheetResultItem\";\n\nconst results: Array<{\n    key: ICommon.SupportMediaType;\n    i18nKey?: string;\n    title: string;\n    component: React.FC<any>;\n}> = [\n    {\n        key: \"music\",\n        i18nKey: \"common.singleMusic\",\n        title: \"单曲\",\n        component: MusicResultItem,\n    },\n    {\n        key: \"album\",\n        i18nKey: \"common.album\",\n        title: \"专辑\",\n        component: AlbumResultItem,\n    },\n    {\n        key: \"artist\",\n        i18nKey: \"common.artist\",\n        title: \"作者\",\n        component: ArtistResultItem,\n    },\n    {\n        key: \"sheet\",\n        i18nKey: \"common.sheet\",\n        title: \"歌单\",\n        component: MusicSheetResultItem,\n    },\n];\n\nconst renderMap: Partial<Record<ICommon.SupportMediaType, React.FC<any>>> = {};\nresults.forEach(_ => (renderMap[_.key] = _.component));\n\nexport default results;\nexport { renderMap };\n"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/results/musicResultItem.tsx",
    "content": "import React from \"react\";\nimport MusicItem from \"@/components/mediaItem/musicItem\";\nimport Config from \"@/core/appConfig\";\nimport { ISearchResult } from \"@/pages/searchPage/store/atoms\";\nimport TrackPlayer from \"@/core/trackPlayer\";\n\ninterface IMusicResultsProps {\n    item: IMusic.IMusicItem;\n    index: number;\n    pluginSearchResultRef: React.MutableRefObject<ISearchResult<\"music\">>;\n}\n\nexport default function MusicResultItem(props: IMusicResultsProps) {\n    const { item: musicItem, pluginSearchResultRef } = props;\n\n    return (\n        <MusicItem\n            musicItem={musicItem}\n            onItemPress={() => {\n                const clickBehavior = Config.getConfig(\n                    \"basic.clickMusicInSearch\",\n                );\n                if (clickBehavior === \"playMusicAndReplace\") {\n                    TrackPlayer.playWithReplacePlayList(\n                        musicItem,\n                        (pluginSearchResultRef?.current?.data ?? [\n                            musicItem,\n                        ]) as IMusic.IMusicItem[],\n                    );\n                } else {\n                    TrackPlayer.play(musicItem);\n                }\n            }}\n        />\n    );\n}\n"
  },
  {
    "path": "src/pages/searchPage/components/resultPanel/results/musicSheetResultItem.tsx",
    "content": "import React from \"react\";\nimport SheetItem from \"@/components/mediaItem/sheetItem\";\n\ninterface IMusicSheetResultItemProps {\n    item: IMusic.IMusicSheetItem;\n    pluginHash: string;\n}\nexport default function MusicSheetResultItem(\n    props: IMusicSheetResultItemProps,\n) {\n    const { item, pluginHash } = props;\n\n    return <SheetItem sheetInfo={item} pluginHash={pluginHash} />;\n}\n"
  },
  {
    "path": "src/pages/searchPage/hooks/useSearch.ts",
    "content": "import { devLog, errorLog, trace } from \"@/utils/log\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\nimport { produce } from \"immer\";\nimport { getDefaultStore, useAtom, useSetAtom } from \"jotai\";\nimport { useCallback, useRef } from \"react\";\nimport { PageStatus, pageStatusAtom, searchResultsAtom } from \"../store/atoms\";\nimport PluginManager, { Plugin } from \"@/core/pluginManager\";\n\nexport default function useSearch() {\n    const setPageStatus = useSetAtom(pageStatusAtom);\n    const [searchResults, setSearchResults] = useAtom(searchResultsAtom);\n\n    // 当前正在搜索\n    const currentQueryRef = useRef<string>(\"\");\n\n    /**\n     * query: 搜索词\n     * queryPage: 搜索页码\n     * type: 搜索类型\n     * pluginHash: 搜索条件\n     */\n    const search = useCallback(\n        async function (\n            query?: string,\n            queryPage?: number,\n            type?: ICommon.SupportMediaType,\n            pluginHash?: string,\n        ) {\n            /** 如果没有指定插件，就用所有插件搜索 */\n\n            let plugins: Plugin[] = [];\n            if (pluginHash) {\n                const tgtPlugin = PluginManager.getByHash(pluginHash);\n                tgtPlugin && (plugins = [tgtPlugin]);\n            } else {\n                plugins = PluginManager.getSearchablePlugins();\n            }\n            if (plugins.length === 0) {\n                setPageStatus(PageStatus.NO_PLUGIN);\n                return;\n            }\n            // 使用选中插件搜素\n            plugins.forEach(async plugin => {\n                const _platform = plugin.instance.platform;\n                const _hash = plugin.hash;\n                if (!_platform || !_hash) {\n                    // 插件无效，此时直接进入结果页\n                    setPageStatus(PageStatus.RESULT);\n                    return;\n                }\n\n                const searchType =\n                    type ?? plugin.instance.defaultSearchType ?? \"music\";\n                // 上一份搜索结果\n                const prevPluginResult = searchResults[searchType][plugin.hash];\n                /** 上一份搜索还没返回/已经结束 */\n                if (\n                    (prevPluginResult?.state ===\n                        RequestStateCode.PENDING_REST_PAGE ||\n                        prevPluginResult?.state ===\n                        RequestStateCode.FINISHED) &&\n                    undefined === query\n                ) {\n                    return;\n                }\n\n                // 是否是一次新的搜索\n                const newSearch =\n                    query ||\n                    prevPluginResult?.page === undefined ||\n                    queryPage === 1;\n\n                // 本次搜索关键词\n                currentQueryRef.current = query =\n                    query ?? prevPluginResult?.query ?? \"\";\n\n                /** 搜索的页码 */\n                const page =\n                    queryPage ?? newSearch\n                        ? 1\n                        : (prevPluginResult?.page ?? 0) + 1;\n\n                trace(\"开始搜索\", {\n                    _platform,\n                    query,\n                    page,\n                    searchType,\n                });\n\n                try {\n                    setSearchResults(\n                        produce(draft => {\n                            const prevMediaResult: any = draft[searchType];\n                            prevMediaResult[_hash] = {\n                                state: newSearch\n                                    ? RequestStateCode.PENDING_FIRST_PAGE\n                                    : RequestStateCode.PENDING_REST_PAGE,\n                                // @ts-ignore\n                                data: newSearch\n                                    ? []\n                                    : prevMediaResult[_hash]?.data ?? [],\n                                query: query,\n                                page,\n                            };\n                        }),\n                    );\n                    // !! jscore的promise有问题，改成hermes就好了，可能和JIT有关，不知道。\n                    const result = await plugin?.methods?.search?.(\n                        query,\n                        page,\n                        searchType,\n                    );\n                    /** 如果搜索结果不是本次结果 */\n                    if (currentQueryRef.current !== query) {\n                        return;\n                    }\n                    /** 切换到结果页 */\n                    const currentPageStatus =\n                        getDefaultStore().get(pageStatusAtom);\n                    if (currentPageStatus !== PageStatus.EDITING) {\n                        setPageStatus(PageStatus.RESULT);\n                    }\n                    if (!result) {\n                        throw new Error(\"搜索结果为空\");\n                    }\n                    setSearchResults(\n                        produce(draft => {\n                            const prevMediaResult = draft[searchType];\n                            const prevPluginResult: any = prevMediaResult[\n                                _hash\n                            ] ?? {\n                                data: [],\n                            };\n                            const currResult = result.data ?? [];\n\n                            prevMediaResult[_hash] = {\n                                state:\n                                    result?.isEnd === false &&\n                                        result?.data?.length\n                                        ? RequestStateCode.PARTLY_DONE\n                                        : RequestStateCode.FINISHED,\n                                query,\n                                page,\n                                data: newSearch\n                                    ? currResult\n                                    : (prevPluginResult.data ?? []).concat(\n                                        currResult,\n                                    ),\n                            };\n                            return draft;\n                        }),\n                    );\n                } catch (e: any) {\n                    errorLog(\"搜索失败\", e?.message);\n                    devLog(\n                        \"error\",\n                        \"搜索失败\",\n                        `Plugin: ${plugin.name} Query: ${query} Page: ${page}`,\n                        e,\n                        e?.message,\n                    );\n                    const currentPageStatus =\n                        getDefaultStore().get(pageStatusAtom);\n                    if (currentPageStatus !== PageStatus.EDITING) {\n                        setPageStatus(PageStatus.RESULT);\n                    }\n                    setSearchResults(\n                        produce(draft => {\n                            const prevMediaResult = draft[searchType];\n                            const prevPluginResult = prevMediaResult[_hash] ?? {\n                                data: [],\n                            };\n\n                            prevPluginResult.state =\n                                RequestStateCode.ERROR;\n                            return draft;\n                        }),\n                    );\n                }\n            });\n        },\n        [searchResults],\n    );\n\n    return search;\n}\n"
  },
  {
    "path": "src/pages/searchPage/index.tsx",
    "content": "import React, { useEffect } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport NavBar from \"./components/navBar\";\nimport { useAtom, useSetAtom } from \"jotai\";\nimport {\n    PageStatus,\n    initSearchResults,\n    pageStatusAtom,\n    queryAtom,\n    searchResultsAtom,\n} from \"./store/atoms\";\nimport HistoryPanel from \"./components/historyPanel\";\nimport ResultPanel from \"./components/resultPanel\";\nimport MusicBar from \"@/components/musicBar\";\nimport Loading from \"@/components/base/loading\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport NoPlugin from \"../../components/base/noPlugin\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function () {\n    const [pageStatus, setPageStatus] = useAtom(pageStatusAtom);\n    const setQuery = useSetAtom(queryAtom);\n    const setSearchResultsState = useSetAtom(searchResultsAtom);\n    const { t } = useI18N();\n\n    useEffect(() => {\n        setSearchResultsState(initSearchResults);\n        return () => {\n            setPageStatus(PageStatus.EDITING);\n            setQuery(\"\");\n        };\n    }, []);\n\n    return (\n        <SafeAreaView edges={[\"bottom\", \"top\"]} style={style.wrapper}>\n            <StatusBar />\n            <NavBar />\n            <SafeAreaView edges={[\"left\", \"right\"]} style={style.wrapper}>\n                <View style={style.flex1}>\n                    {pageStatus === PageStatus.EDITING && <HistoryPanel />}\n                    {pageStatus === PageStatus.SEARCHING && <Loading />}\n                    {pageStatus === PageStatus.RESULT && <ResultPanel />}\n                    {pageStatus === PageStatus.NO_PLUGIN && (\n                        <NoPlugin notSupportType={t(\"common.search\")} />\n                    )}\n                </View>\n            </SafeAreaView>\n            <MusicBar />\n        </SafeAreaView>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        flex: 1,\n    },\n    flex1: {\n        flex: 1,\n    },\n});\n"
  },
  {
    "path": "src/pages/searchPage/store/atoms.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport { atom } from \"jotai\";\n\n/** 搜索状态 */\n\nexport interface ISearchResult<T extends ICommon.SupportMediaType> {\n    /** 当前页码 */\n    page?: number;\n    /** 搜索词 */\n    query?: string;\n    /** 搜索状态 */\n    state: RequestStateCode;\n    /** 数据 */\n    data: ICommon.SupportMediaItemBase[T][];\n}\n\ntype ISearchResults<\n    T extends keyof ICommon.SupportMediaItemBase = ICommon.SupportMediaType,\n> = {\n    [K in T]: Record<string, ISearchResult<K>>;\n};\n\n/** 初始值 */\nexport const initSearchResults: ISearchResults = {\n    music: {},\n    album: {},\n    artist: {},\n    sheet: {},\n    lyric: {},\n};\n\n/** key: pluginhash value: searchResult */\nconst searchResultsAtom = atom(initSearchResults);\n\nexport enum PageStatus {\n    /** 编辑中 */\n    EDITING = \"EDITING\",\n    /** 搜索中 */\n    SEARCHING = \"SEARCHING\",\n    /** 有结果 */\n    RESULT = \"RESULT\",\n    /** 没有安装插件 */\n    NO_PLUGIN = \"NO_PLUGIN\",\n}\n\n/** 当前正在搜索的 */\nconst pageStatusAtom = atom<PageStatus>(PageStatus.EDITING);\n\nconst queryAtom = atom<string>(\"\");\n\nexport { pageStatusAtom, searchResultsAtom, queryAtom };\n"
  },
  {
    "path": "src/pages/setCustomTheme/body.tsx",
    "content": "import Image from \"@/components/base/image\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { showPanel } from \"@/components/panels/usePanel\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport pathConst from \"@/constants/pathConst\";\nimport { useI18N } from \"@/core/i18n\";\nimport Theme from \"@/core/theme\";\nimport { CustomizedColors } from \"@/hooks/useColors\";\nimport { grayRate } from \"@/utils/colorUtil\";\nimport rpx from \"@/utils/rpx\";\nimport Slider from \"@react-native-community/slider\";\nimport Color from \"color\";\nimport React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { copyFile } from \"react-native-fs\";\nimport { ScrollView, TouchableOpacity } from \"react-native-gesture-handler\";\nimport ImageColors from \"react-native-image-colors\";\nimport { launchImageLibrary } from \"react-native-image-picker\";\n\nexport default function Body() {\n    const theme = Theme.useTheme();\n    const backgroundInfo = Theme.useBackground();\n    const { t } = useI18N();\n\n    async function onImageClick() {\n        try {\n            const result = await launchImageLibrary({\n                mediaType: \"photo\",\n            });\n            const uri = result.assets?.[0].uri;\n            if (!uri) {\n                return;\n            }\n\n            const bgPath = `${pathConst.dataPath}background${uri.substring(\n                uri.lastIndexOf(\".\"),\n            )}`;\n            await copyFile(uri, bgPath);\n\n            const colorsResult = await ImageColors.getColors(uri, {\n                fallback: \"#ffffff\",\n            });\n            const colors = {\n                primary:\n                    colorsResult.platform === \"android\"\n                        ? colorsResult.dominant\n                        : colorsResult.platform === \"ios\"\n                            ? colorsResult.primary\n                            : colorsResult.vibrant,\n                average:\n                    colorsResult.platform === \"android\"\n                        ? colorsResult.average\n                        : colorsResult.platform === \"ios\"\n                            ? colorsResult.detail\n                            : colorsResult.dominant,\n                vibrant:\n                    colorsResult.platform === \"android\"\n                        ? colorsResult.vibrant\n                        : colorsResult.platform === \"ios\"\n                            ? colorsResult.secondary\n                            : colorsResult.vibrant,\n            };\n\n            const primaryGrayRate = grayRate(colors.primary!);\n\n            let themeColors: Partial<CustomizedColors>;\n            if (primaryGrayRate < -0.4) {\n                const primaryColor = Color(colors.primary!);\n\n                console.log(\n                    colors.primary,\n                    primaryGrayRate,\n                    primaryColor\n                        .whiten(3 * primaryGrayRate)\n                        .hex()\n                        .toString(),\n                );\n                themeColors = {\n                    appBar: colors.primary,\n                    primary: primaryColor\n                        .darken(primaryGrayRate * 5)\n                        .toString(),\n                    musicBar: colors.primary,\n                    card: \"rgba(0,0,0,0.2)\",\n                    tabBar: primaryColor.alpha(0.2).toString(),\n                };\n            } else if (primaryGrayRate > 0.4) {\n                themeColors = {\n                    appBar: colors.primary,\n                    primary: Color(colors.primary)\n                        .darken(primaryGrayRate * 5)\n                        .toString(),\n                    musicBar: colors.primary,\n                    card: \"rgba(0,0,0,0.2)\",\n                };\n            } else {\n                // const primaryColor = Color(colors.primary!);\n\n                themeColors = {\n                    appBar: colors.primary,\n                    primary: Color(colors.primary)\n                        .saturate(Math.abs(primaryGrayRate) * 2 + 2)\n                        .toString(),\n                    musicBar: colors.primary,\n                    card: \"rgba(0,0,0,0.2)\",\n                };\n            }\n\n            Theme.setTheme(\"custom\", {\n                colors: themeColors,\n                background: {\n                    url: `file://${bgPath}#${Date.now()}`,\n                },\n            });\n            // Config.set('setting.theme.colors', {\n            //     primary: primaryColor,\n            //     textHighlight: textHighlight,\n            //     accent: textHighlight,\n            // });\n        } catch (e) {\n            console.log(e);\n        }\n    }\n\n    return (\n        <ScrollView style={globalStyle.fwflex1}>\n            <TouchableOpacity onPress={onImageClick}>\n                <Image\n                    style={styles.image}\n                    uri={backgroundInfo?.url}\n                    emptySrc={ImgAsset.addBackground}\n                />\n            </TouchableOpacity>\n\n            <View style={styles.sliderWrapper}>\n                <ThemeText>{t(\"setCustomTheme.blur\")}</ThemeText>\n                <Slider\n                    style={styles.slider}\n                    minimumTrackTintColor={theme.colors.primary}\n                    maximumTrackTintColor={theme.colors.text ?? \"#999999\"}\n                    thumbTintColor={theme.colors.primary}\n                    minimumValue={0}\n                    step={1}\n                    maximumValue={30}\n                    onSlidingComplete={val => {\n                        Theme.setBackground({\n                            blur: val,\n                        });\n                    }}\n                    value={backgroundInfo?.blur ?? 20}\n                />\n            </View>\n            <View style={styles.sliderWrapper}>\n                <ThemeText>{t(\"setCustomTheme.opacity\")}</ThemeText>\n                <Slider\n                    style={styles.slider}\n                    minimumTrackTintColor={theme.colors.primary}\n                    maximumTrackTintColor={theme.colors.text ?? \"#999999\"}\n                    thumbTintColor={theme.colors.primary}\n                    minimumValue={0.3}\n                    step={0.01}\n                    maximumValue={1}\n                    onSlidingComplete={val => {\n                        Theme.setBackground({\n                            opacity: val,\n                        });\n                    }}\n                    value={backgroundInfo?.opacity ?? 0.7}\n                />\n            </View>\n            <View style={styles.colorsContainer}>\n                {Theme.configableColorKey.map(key => (\n                    <View key={key} style={styles.colorItem}>\n                        <ThemeText>{t(\"setCustomTheme.\" + key + \"Color\" as any)}</ThemeText>\n                        <TouchableOpacity\n                            onPress={() => {\n                                showPanel(\"ColorPicker\", {\n                                    // @ts-ignore\n                                    defaultColor: theme.colors[key],\n                                    onSelected(color) {\n                                        Theme.setColors({\n                                            [key]: color.hexa().toString(),\n                                        });\n                                    },\n                                });\n                            }}\n                            style={styles.colorItemBlockContainer}>\n                            <View style={[styles.colorBlockContainer]}>\n                                <Image\n                                    resizeMode=\"repeat\"\n                                    emptySrc={ImgAsset.transparentBg}\n                                    style={styles.transparentBg}\n                                />\n                                <View\n                                    style={[\n                                        {\n                                            /** @ts-ignore */\n                                            backgroundColor: theme.colors[key],\n                                        },\n                                        styles.colorBlock,\n                                    ]}\n                                />\n                            </View>\n                            <ThemeText\n                                fontSize=\"subTitle\"\n                                style={styles.colorText}>\n                                {\n                                    /** @ts-ignore */\n                                    Color(theme.colors[key]).hexa().toString()\n                                }\n                            </ThemeText>\n                        </TouchableOpacity>\n                    </View>\n                ))}\n            </View>\n        </ScrollView>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        width: \"100%\",\n        flex: 1,\n    },\n    image: {\n        marginTop: rpx(36),\n        borderRadius: rpx(12),\n        width: rpx(460),\n        height: rpx(690),\n        alignSelf: \"center\",\n    },\n    sliderWrapper: {\n        marginTop: rpx(48),\n        width: \"100%\",\n        paddingHorizontal: rpx(24),\n        flexDirection: \"row\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n    },\n    slider: {\n        flex: 1,\n        height: rpx(40),\n    },\n    colorsContainer: {\n        width: \"100%\",\n        flex: 1,\n        flexDirection: \"row\",\n        flexWrap: \"wrap\",\n        marginTop: rpx(48),\n        paddingHorizontal: rpx(24),\n        justifyContent: \"space-between\",\n    },\n    colorItem: {\n        flex: 1,\n        flexBasis: \"40%\",\n        marginBottom: rpx(36),\n    },\n    colorBlockContainer: {\n        width: rpx(76),\n        height: rpx(50),\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderColor: \"#ccc\",\n    },\n    colorBlock: {\n        width: \"100%\",\n        height: \"100%\",\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        zIndex: 2,\n    },\n    colorItemBlockContainer: {\n        marginTop: rpx(18),\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    colorText: {\n        marginLeft: rpx(8),\n    },\n    transparentBg: {\n        position: \"absolute\",\n        zIndex: -1,\n        width: \"100%\",\n        height: \"100%\",\n        left: 0,\n        top: 0,\n    },\n});\n"
  },
  {
    "path": "src/pages/setCustomTheme/index.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport AppBar from \"@/components/base/appBar\";\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport Button from \"@/components/base/textButton.tsx\";\nimport Body from \"./body\";\nimport { useNavigation } from \"@react-navigation/native\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function SetCustomTheme() {\n    const navigation = useNavigation();\n    const { t } = useI18N();\n\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <AppBar\n                withStatusBar\n                actionComponent={\n                    <Button\n                        style={styles.submit}\n                        onPress={() => {\n                            navigation.goBack();\n                        }}\n                        fontColor=\"appBarText\">\n                        {t(\"common.done\")}\n                    </Button>\n                }>\n                {t(\"setCustomTheme.customizeBackground\")}\n            </AppBar>\n            <Body />\n        </VerticalSafeAreaView>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        width: rpx(750),\n    },\n    submit: {\n        justifyContent: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/pages/setting/index.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport settingTypes from \"./settingTypes\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport { useParams } from \"@/core/router\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport AppBar from \"@/components/base/appBar\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function Setting() {\n    const { type } = useParams<\"setting\">();\n    const settingItem = settingTypes[type];\n\n    const { t } = useI18N();\n\n    return (\n        <SafeAreaView edges={[\"bottom\", \"top\"]} style={style.wrapper}>\n            <StatusBar />\n            {settingItem.showNav === false ? null : (\n                <AppBar>{t(settingItem.i18nKey as any)}</AppBar>\n            )}\n\n            {type === \"plugin\" ? (\n                <settingItem.component />\n            ) : (\n                <HorizontalSafeAreaView style={style.wrapper}>\n                    <settingItem.component />\n                </HorizontalSafeAreaView>\n            )}\n        </SafeAreaView>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        flex: 1,\n    },\n    appbar: {\n        shadowColor: \"transparent\",\n        backgroundColor: \"#2b333eaa\",\n    },\n    header: {\n        backgroundColor: \"transparent\",\n        shadowColor: \"transparent\",\n    },\n});\n"
  },
  {
    "path": "src/pages/setting/settingTypes/aboutSetting.tsx",
    "content": "import React from \"react\";\nimport {\n    Image,\n    ScrollView,\n    StyleSheet,\n    TouchableOpacity,\n    View,\n} from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport ThemeText from \"@/components/base/themeText\";\nimport LinkText from \"@/components/base/linkText\";\nimport useCheckUpdate from \"@/hooks/useCheckUpdate.ts\";\nimport useOrientation from \"@/hooks/useOrientation\";\nimport Divider from \"@/components/base/divider\";\n\nexport default function AboutSetting() {\n    const checkAndShowResult = useCheckUpdate();\n    const orientation = useOrientation();\n\n    return (\n        <View\n            style={[\n                style.wrapper,\n                orientation === \"horizontal\"\n                    ? {\n                        flexDirection: \"row\",\n                    }\n                    : null,\n            ]}>\n            <View\n                style={[\n                    style.header,\n                    orientation === \"horizontal\" ? style.horizontalSize : null,\n                ]}>\n                <TouchableOpacity\n                    onPress={() => {\n                        checkAndShowResult(true);\n                    }}>\n                    <Image\n                        source={ImgAsset.author}\n                        style={style.image}\n                        resizeMode=\"contain\"\n                    />\n                </TouchableOpacity>\n                <ThemeText style={style.margin}>软件作者: 猫头猫</ThemeText>\n                <ThemeText style={style.margin}>\n                    公众号: 【一只猫头猫】\n                </ThemeText>\n                <View style={style.contactContainer}>\n                    <ThemeText style={style.margin}>\n                        B站:{\" \"}\n                        <LinkText linkTo=\"https://space.bilibili.com/12866223\">\n                            不想睡觉猫头猫\n                        </LinkText>\n                    </ThemeText>\n                    <ThemeText style={style.margin}>\n                        小红书:{\" \"}\n                        <LinkText linkTo=\"https://www.xiaohongshu.com/user/profile/5ce6085200000000050213a6?xsec_token=YBqVNCKP4kpvphpU5sZI8WC93c5JINc3NhGtRBymgKvuo%3D&xsec_source=app_share&xhsshare=CopyLink&appuid=5ce6085200000000050213a6&apptime=1747275535&share_id=faef5820564a43be80e5b77da887e4b9&share_channel=copy_link\">\n                            一只猫头猫\n                        </LinkText>\n                    </ThemeText>\n                </View>\n            </View>\n            <ScrollView\n                contentContainerStyle={style.scrollViewContainer}\n                style={style.scrollView}>\n                <ThemeText fontSize=\"title\">开发者的话: </ThemeText>\n                <ThemeText style={style.content}>\n                    软件作者是<ThemeText fontWeight=\"bold\">猫头猫</ThemeText>\n                    🐱，不是猫头鹰🦉，也不是什么其他的奇奇怪怪。软件没有其他版本，如果你下载到了付费版/广告版/挂羊头卖狗肉版，那说明你被坏蛋骗了😒。\n                </ThemeText>\n                <ThemeText style={style.content}>\n                    软件相关信息会发布在公众号【\n                    <ThemeText fontWeight=\"bold\">一只猫头猫</ThemeText>\n                    】中👇，也简单做了个\n                    <LinkText linkTo=\"https://musicfree.catcat.work\">\n                        官方网站\n                    </LinkText>\n                    。（手机版和桌面版的）下载地址、使用方式、插件开发方式、常见问题都在站点中。\n                </ThemeText>\n                <Image\n                    source={ImgAsset.wechatChannel}\n                    style={style.wcChannel}\n                />\n                <Divider style={style.content} />\n\n                <ThemeText style={style.content}>\n                    本软件完全免费，并基于{\" \"}\n                    <ThemeText fontWeight=\"bold\">AGPL3.0 协议</ThemeText>{\" \"}\n                    开源，如果需要使用此代码进行二次开发，请遵守如下约定：\n                </ThemeText>\n\n                <ThemeText style={style.content}>\n                    1. 二次分发版必须同样遵循 AGPL 3.0 协议，开源且免费\n                </ThemeText>\n                <ThemeText style={style.content}>\n                    2. 合法合规使用代码，不要用于商业用途;\n                    修改后的软件造成的任何问题由使用此代码的开发者承担\n                </ThemeText>\n                <ThemeText style={style.content}>\n                    3.\n                    打包、二次分发时请保留代码出处：https://github.com/maotoumao/MusicFree\n                </ThemeText>\n                <ThemeText style={style.content}>\n                    4. 如果开源协议变更，将在此 Github 仓库更新，不另行通知\n                </ThemeText>\n                <ThemeText style={style.content}>\n                    代码已开源到{\" \"}\n                    <LinkText linkTo=\"https://github.com/maotoumao/MusicFree\">\n                        Github\n                    </LinkText>\n                    ，如果打不开试试把链接中的 github 换成 gitcode。\n                </ThemeText>\n\n                <Divider style={style.content} />\n\n                <ThemeText style={style.content}>\n                    本软件需要通过插件来完成包括播放、搜索在内的大部分功能，如果你是从第三方下载的插件，\n                    <ThemeText fontWeight=\"bold\">\n                        请一定谨慎识别这些插件的安全性，保护好自己。（注意：插件以及插件可能产生的数据与本软件无关，请使用者合理合法使用。）\n                    </ThemeText>\n                </ThemeText>\n\n                <ThemeText style={style.content}>\n                    <ThemeText fontWeight=\"bold\">\n                        还请注意本软件只是个人的业余项目，距离稳定版也有很长一段距离。\n                    </ThemeText>\n                    如果你在找成熟稳定的音乐软件，可以考虑其他优秀的软件。当然我会一直维护，让它变得尽可能的完善一些。业余时间用爱发电，进度慢还请见谅。\n                </ThemeText>\n\n                <ThemeText style={style.content}>\n                    如果有问题或者建议，可以直接去 Github issue\n                    区留言，也可以去公众号【一只猫头猫】留言，也可以去{\" \"}\n                    <LinkText linkTo=\"https://qun.qq.com/qqweb/qunpro/share?_wv=3&_wwv=128&appChannel=share&inviteCode=1XgzeY8LfIa&businessType=9&from=246610&biz=ka&mainSourceId=share&subSourceId=others&jumpsource=shorturl\">\n                        QQ 频道\n                    </LinkText>{\" \"}\n                    发帖。\n                </ThemeText>\n\n                <ThemeText style={style.content}>\n                    开发这个软件的最初目的是自用，顺便分享出来给有需要的人。如果这个软件能对你有些帮助，那这就是\n                    MusicFree 存在的意义。\n                </ThemeText>\n\n                <ThemeText style={style.content}>by: 猫头猫</ThemeText>\n            </ScrollView>\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        flex: 1,\n    },\n    header: {\n        width: rpx(750),\n        height: rpx(400),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n    contactContainer: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        gap: rpx(24),\n    },\n    horizontalSize: {\n        width: rpx(600),\n        height: \"100%\",\n    },\n    image: {\n        width: rpx(150),\n        height: rpx(150),\n        borderRadius: rpx(28),\n    },\n    margin: {\n        marginTop: rpx(24),\n    },\n    content: {\n        marginTop: rpx(24),\n        lineHeight: rpx(48),\n    },\n    wcChannel: {\n        width: rpx(330),\n        height: rpx(330),\n        marginLeft: rpx(210),\n        marginTop: rpx(24),\n    },\n    scrollView: {\n        flex: 1,\n        paddingHorizontal: rpx(24),\n        paddingVertical: rpx(48),\n    },\n    scrollViewContainer: {\n        paddingBottom: rpx(96),\n    },\n});\n"
  },
  {
    "path": "src/pages/setting/settingTypes/backupSetting.tsx",
    "content": "import ListItem, { ListItemHeader } from \"@/components/base/listItem\";\r\nimport Backup from \"@/core/backup\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport Toast from \"@/utils/toast\";\r\nimport React from \"react\";\r\nimport { ScrollView, StyleSheet } from \"react-native\";\r\n\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport { showPanel } from \"@/components/panels/usePanel\";\r\nimport axios from \"axios\";\r\n\r\nimport { ResumeMode } from \"@/constants/commonConst.ts\";\r\nimport Config, { useAppConfig } from \"@/core/appConfig\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport delay from \"@/utils/delay\";\r\nimport { writeInChunks } from \"@/utils/fileUtils.ts\";\r\nimport { errorLog } from \"@/utils/log.ts\";\r\nimport { getDocumentAsync } from \"expo-document-picker\";\r\nimport { readAsStringAsync } from \"expo-file-system\";\r\nimport { AuthType, createClient } from \"webdav\";\r\n\r\nexport default function BackupSetting() {\r\n    const { t } = useI18N();\r\n    const navigate = useNavigate();\r\n\r\n    const resumeMode = useAppConfig(\"backup.resumeMode\");\r\n    const webdavUrl = useAppConfig(\"webdav.url\");\r\n    const webdavUsername = useAppConfig(\"webdav.username\");\r\n    const webdavPassword = useAppConfig(\"webdav.password\");\r\n\r\n\r\n    const onBackupToLocal = async () => {\r\n        navigate(ROUTE_PATH.FILE_SELECTOR, {\r\n            fileType: \"folder\",\r\n            multi: false,\r\n            actionText: t(\"backupAndResume.beginBackup\"),\r\n            async onAction(selectedFiles) {\r\n                const raw = Backup.backup();\r\n                const folder = selectedFiles[0]?.path;\r\n                return new Promise(resolve => {\r\n                    showDialog(\"LoadingDialog\", {\r\n                        title: t(\"backupAndResume.backupDialogTitle\"),\r\n                        loadingText: t(\"backupAndResume.backuping\"),\r\n                        promise: writeInChunks(\r\n                            `${folder}${folder?.endsWith(\"/\") ? \"\" : \"/\"\r\n                            }backup.json`,\r\n                            raw,\r\n                        ),\r\n                        onResolve(_, hideDialog) {\r\n                            Toast.success(t(\"toast.backupSuccess\"));\r\n                            hideDialog();\r\n                            resolve(true);\r\n                        },\r\n                        onCancel(hideDialog) {\r\n                            hideDialog();\r\n                            resolve(false);\r\n                        },\r\n                        onReject(reason, hideDialog) {\r\n                            hideDialog();\r\n                            resolve(false);\r\n                            console.log(reason);\r\n                            Toast.warn(t(\"toast.backupFail\", { reason: reason?.message ?? reason }));\r\n                        },\r\n                    });\r\n                });\r\n            },\r\n        });\r\n    };\r\n\r\n    async function onResumeFromLocal() {\r\n        try {\r\n            const pickResult = await getDocumentAsync({\r\n                copyToCacheDirectory: true,\r\n                type: \"application/json\",\r\n            });\r\n            if (pickResult.canceled) {\r\n                return;\r\n            }\r\n            const result = await readAsStringAsync(pickResult.assets[0].uri);\r\n            return new Promise(resolve => {\r\n                showDialog(\"LoadingDialog\", {\r\n                    title: t(\"backupAndResume.resumeFromLocalFile\"),\r\n                    loadingText: t(\"backupAndResume.resuming\"),\r\n                    async task() {\r\n                        await delay(300, false);\r\n                        return Backup.resume(result, resumeMode);\r\n                    },\r\n                    onResolve(_, hideDialog) {\r\n                        Toast.success(t(\"toast.resumeSuccess\"));\r\n                        hideDialog();\r\n                        resolve(true);\r\n                    },\r\n                    onCancel(hideDialog) {\r\n                        hideDialog();\r\n                        resolve(false);\r\n                    },\r\n                    onReject(reason, hideDialog) {\r\n                        hideDialog();\r\n                        resolve(false);\r\n                        console.log(reason);\r\n                        Toast.warn(t(\"toast.resumeFail\", { reason: reason?.message ?? reason }));\r\n                    },\r\n                });\r\n            });\r\n        } catch (e: any) {\r\n            errorLog(\"恢复失败\", e);\r\n            Toast.warn(t(\"toast.resumeFail\", { reason: e?.message ?? e }));\r\n        }\r\n    }\r\n\r\n    async function onResumeFromUrl() {\r\n        showPanel(\"SimpleInput\", {\r\n            title: t(\"backupAndResume.resumeFromUrlDialogTitle\"),\r\n            placeholder: t(\"backupAndResume.resumeFromUrlDialogPlaceHolder\"),\r\n            maxLength: 1024,\r\n            async onOk(text, closePanel) {\r\n                try {\r\n                    const url = text.trim();\r\n                    if (url.endsWith(\".json\") || url.endsWith(\".txt\")) {\r\n                        const raw = (await axios.get(text)).data;\r\n                        await Backup.resume(raw, resumeMode);\r\n                        Toast.success(t(\"toast.resumeSuccess\"));\r\n                        closePanel();\r\n                    } else {\r\n                        throw \"无效的URL\";\r\n                    }\r\n                } catch (e: any) {\r\n                    Toast.warn(t(\"toast.resumeFail\", { reason: e?.message ?? e }));\r\n                }\r\n            },\r\n        });\r\n    }\r\n\r\n    async function onResumeFromWebdav() {\r\n        const url = Config.getConfig(\"webdav.url\");\r\n        const username = Config.getConfig(\"webdav.username\");\r\n        const password = Config.getConfig(\"webdav.password\");\r\n\r\n        if (!(username && password && url)) {\r\n            Toast.warn(t(\"toast.resumePreCheckFailed\"));\r\n            return;\r\n        }\r\n        const client = createClient(url, {\r\n            authType: AuthType.Password,\r\n            username: username,\r\n            password: password,\r\n        });\r\n\r\n        if (!(await client.exists(\"/MusicFree/MusicFreeBackup.json\"))) {\r\n            Toast.warn(t(\"toast.backupFileNotFound\"));\r\n            return;\r\n        }\r\n\r\n        try {\r\n            const resumeData = await client.getFileContents(\r\n                \"/MusicFree/MusicFreeBackup.json\",\r\n                {\r\n                    format: \"text\",\r\n                },\r\n            );\r\n            await Backup.resume(\r\n                resumeData,\r\n                Config.getConfig(\"backup.resumeMode\"),\r\n            );\r\n            Toast.success(t(\"toast.resumeSuccess\"));\r\n        } catch (e: any) {\r\n            Toast.warn(t(\"toast.resumeFail\", { reason: e?.message ?? e }));\r\n        }\r\n    }\r\n\r\n    async function onBackupToWebdav() {\r\n        const username = Config.getConfig(\"webdav.username\");\r\n        const password = Config.getConfig(\"webdav.password\");\r\n        const url = Config.getConfig(\"webdav.url\");\r\n        if (!(username && password && url)) {\r\n            Toast.warn(t(\"toast.resumePreCheckFailed\"));\r\n            return;\r\n        }\r\n        try {\r\n            const client = createClient(url, {\r\n                authType: AuthType.Password,\r\n                username: username,\r\n                password: password,\r\n            });\r\n\r\n            const raw = Backup.backup();\r\n            if (!(await client.exists(\"/MusicFree\"))) {\r\n                await client.createDirectory(\"/MusicFree\");\r\n            }\r\n            // 临时文件\r\n            await client.putFileContents(\r\n                \"/MusicFree/MusicFreeBackup.json\",\r\n                raw,\r\n                {\r\n                    overwrite: true,\r\n                },\r\n            );\r\n            Toast.success(t(\"toast.backupSuccess\"));\r\n        } catch (e: any) {\r\n            Toast.warn(t(\"toast.backupFail\", { reason: e?.message ?? e }));\r\n        }\r\n    }\r\n\r\n    return (\r\n        <ScrollView style={style.wrapper}>\r\n            <ListItemHeader>{t(\"sidebar.backupAndResume\")}</ListItemHeader>\r\n\r\n            <ListItem\r\n                withHorizontalPadding\r\n                onPress={() => {\r\n                    showDialog(\"RadioDialog\", {\r\n                        title: t(\"backupAndResume.setResumeMode\"),\r\n                        content: [\r\n                            {\r\n                                label: t((\"backupAndResume.resumeMode.\" + ResumeMode.Append) as any),\r\n                                value: ResumeMode.Append,\r\n                            },\r\n                            {\r\n                                label: t((\"backupAndResume.resumeMode.\" + ResumeMode.OverwriteDefault) as any),\r\n                                value: ResumeMode.OverwriteDefault,\r\n                            },\r\n                            {\r\n                                label: t((\"backupAndResume.resumeMode.\" + ResumeMode.Overwrite) as any),\r\n                                value: ResumeMode.Overwrite,\r\n                            },\r\n                        ],\r\n                        onOk(value) {\r\n                            Config.setConfig(\r\n                                \"backup.resumeMode\",\r\n                                value as any,\r\n                            );\r\n                        },\r\n                    });\r\n                }}>\r\n                <ListItem.Content title={t(\"backupAndResume.resumeMode\")} />\r\n                <ListItem.ListItemText>\r\n                    {\r\n                        t((\"backupAndResume.resumeMode.\" + ((resumeMode as ResumeMode) ||\r\n                            ResumeMode.Append)) as any)\r\n                    }\r\n                </ListItem.ListItemText>\r\n            </ListItem>\r\n            <ListItemHeader>{t(\"backupAndResume.localBackup\")}</ListItemHeader>\r\n            <ListItem withHorizontalPadding onPress={onBackupToLocal}>\r\n                <ListItem.Content title={t(\"backupAndResume.backupToLocal\")} />\r\n            </ListItem>\r\n            <ListItem withHorizontalPadding onPress={onResumeFromLocal}>\r\n                <ListItem.Content title={t(\"backupAndResume.resumeFromLocalFile\")} />\r\n            </ListItem>\r\n            <ListItem withHorizontalPadding onPress={onResumeFromUrl}>\r\n                <ListItem.Content title={t(\"backupAndResume.resumeFromUrlDialogTitle\")} />\r\n            </ListItem>\r\n            <ListItemHeader>Webdav</ListItemHeader>\r\n            <ListItem\r\n                withHorizontalPadding\r\n                onPress={() => {\r\n                    showPanel(\"SetUserVariables\", {\r\n                        title: t(\"backupAndResume.webdavSettings\"),\r\n                        initValues: {\r\n                            url: webdavUrl ?? \"\",\r\n                            username: webdavUsername ?? \"\",\r\n                            password: webdavPassword ?? \"\",\r\n                        },\r\n                        variables: [\r\n                            {\r\n                                key: \"url\",\r\n                                name: \"URL\",\r\n                                hint: t(\"backupAndResume.webdavUrl\"),\r\n                            },\r\n                            {\r\n                                key: \"username\",\r\n                                name: t(\"common.username\"),\r\n                            },\r\n                            {\r\n                                key: \"password\",\r\n                                name: t(\"common.password\"),\r\n                            },\r\n                        ],\r\n                        onOk(values, closePanel) {\r\n                            Config.setConfig(\"webdav.url\", values?.url);\r\n                            Config.setConfig(\"webdav.username\", values?.username);\r\n                            Config.setConfig(\"webdav.password\", values?.password);\r\n\r\n                            Toast.success(t(\"toast.saveSuccess\"));\r\n                            closePanel();\r\n                        },\r\n                    });\r\n                }}>\r\n                <ListItem.Content title={t(\"backupAndResume.webdavSettings\")} />\r\n            </ListItem>\r\n            <ListItem withHorizontalPadding onPress={onBackupToWebdav}>\r\n                <ListItem.Content title={t(\"backupAndResume.backupToWebdav\")} />\r\n            </ListItem>\r\n            <ListItem withHorizontalPadding onPress={onResumeFromWebdav}>\r\n                <ListItem.Content title={t(\"backupAndResume.resumeFromWebdav\")} />\r\n            </ListItem>\r\n        </ScrollView>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: \"100%\",\r\n        flex: 1,\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/setting/settingTypes/basicSetting.tsx",
    "content": "import ColorBlock from \"@/components/base/colorBlock\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport Paragraph from \"@/components/base/paragraph\";\r\nimport ThemeSwitch from \"@/components/base/switch\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport { showPanel } from \"@/components/panels/usePanel\";\r\nimport { SortType } from \"@/constants/commonConst.ts\";\r\nimport pathConst from \"@/constants/pathConst\";\r\nimport Config, { useAppConfig } from \"@/core/appConfig\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\r\nimport useColors from \"@/hooks/useColors\";\r\nimport LyricUtil, { NativeTextAlignment } from \"@/native/lyricUtil\";\r\nimport { AppConfigPropertyKey } from \"@/types/core/config\";\r\nimport { clearCache, getCacheSize, sizeFormatter } from \"@/utils/fileUtils\";\r\nimport { clearLog, getErrorLogContent } from \"@/utils/log\";\r\nimport { qualityKeys } from \"@/utils/qualities\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport Toast from \"@/utils/toast\";\r\nimport Clipboard from \"@react-native-clipboard/clipboard\";\r\nimport Slider from \"@react-native-community/slider\";\r\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\r\nimport { SectionList, StyleSheet, TouchableOpacity, View } from \"react-native\";\r\nimport { readdir } from \"react-native-fs\";\r\nimport { FlatList, ScrollView } from \"react-native-gesture-handler\";\r\n\r\nfunction createSwitch(\r\n    title: string,\r\n    changeKey: AppConfigPropertyKey,\r\n    value: boolean,\r\n    callback?: (newValue: boolean) => void,\r\n) {\r\n    const onPress = () => {\r\n        if (callback) {\r\n            callback(!value);\r\n        } else {\r\n            Config.setConfig(changeKey, !value);\r\n        }\r\n    };\r\n    return {\r\n        title,\r\n        onPress,\r\n        right: <ThemeSwitch value={value} onValueChange={onPress} />,\r\n    };\r\n}\r\n\r\nconst createRadio = function (\r\n    title: string,\r\n    changeKey: AppConfigPropertyKey,\r\n    candidates: Array<string | number>,\r\n    value: string | number,\r\n    valueMap?: Record<string | number, string | number>,\r\n    onChange?: (value: string | number) => void,\r\n) {\r\n    const onPress = () => {\r\n        showDialog(\"RadioDialog\", {\r\n            title,\r\n            content: valueMap\r\n                ? candidates.map(_ => ({\r\n                    label: valueMap[_] as string,\r\n                    value: _,\r\n                }))\r\n                : candidates,\r\n            onOk(val) {\r\n                Config.setConfig(changeKey, val);\r\n                onChange?.(val);\r\n            },\r\n        });\r\n    };\r\n    return {\r\n        title,\r\n        right: (\r\n            <ThemeText style={styles.centerText}>\r\n                {valueMap ? valueMap[value] : value}\r\n            </ThemeText>\r\n        ),\r\n        onPress,\r\n    };\r\n};\r\n\r\nfunction useCacheSize() {\r\n    const [cacheSize, setCacheSize] = useState({\r\n        music: 0,\r\n        lyric: 0,\r\n        image: 0,\r\n    });\r\n\r\n    const refreshCacheSize = useCallback(async () => {\r\n        const [musicCache, lyricCache, imageCache] = await Promise.all([\r\n            getCacheSize(\"music\"),\r\n            getCacheSize(\"lyric\"),\r\n            getCacheSize(\"image\"),\r\n        ]);\r\n        setCacheSize({\r\n            music: musicCache,\r\n            lyric: lyricCache,\r\n            image: imageCache,\r\n        });\r\n    }, []);\r\n\r\n    return [cacheSize, refreshCacheSize] as const;\r\n}\r\n\r\nexport default function BasicSetting() {\r\n\r\n    const autoPlayWhenAppStart = useAppConfig(\"basic.autoPlayWhenAppStart\");\r\n    const useCelluarNetworkPlay = useAppConfig(\"basic.useCelluarNetworkPlay\");\r\n    const useCelluarNetworkDownload = useAppConfig(\"basic.useCelluarNetworkDownload\");\r\n    const maxDownload = useAppConfig(\"basic.maxDownload\");\r\n    const clickMusicInSearch = useAppConfig(\"basic.clickMusicInSearch\");\r\n    const clickMusicInAlbum = useAppConfig(\"basic.clickMusicInAlbum\");\r\n    const downloadPath = useAppConfig(\"basic.downloadPath\");\r\n    const notInterrupt = useAppConfig(\"basic.notInterrupt\");\r\n    const tempRemoteDuck = useAppConfig(\"basic.tempRemoteDuck\");\r\n    const tempRemoteDuckVolume = useAppConfig(\"basic.tempRemoteDuckVolume\");\r\n    const autoStopWhenError = useAppConfig(\"basic.autoStopWhenError\");\r\n    const maxCacheSize = useAppConfig(\"basic.maxCacheSize\");\r\n    const defaultPlayQuality = useAppConfig(\"basic.defaultPlayQuality\");\r\n    const playQualityOrder = useAppConfig(\"basic.playQualityOrder\");\r\n    const defaultDownloadQuality = useAppConfig(\"basic.defaultDownloadQuality\");\r\n    const downloadQualityOrder = useAppConfig(\"basic.downloadQualityOrder\");\r\n    const musicDetailDefault = useAppConfig(\"basic.musicDetailDefault\");\r\n    const musicDetailAwake = useAppConfig(\"basic.musicDetailAwake\");\r\n    const maxHistoryLen = useAppConfig(\"basic.maxHistoryLen\");\r\n    const autoUpdatePlugin = useAppConfig(\"basic.autoUpdatePlugin\");\r\n    const notCheckPluginVersion = useAppConfig(\"basic.notCheckPluginVersion\");\r\n    const lazyLoadPlugin = useAppConfig(\"basic.lazyLoadPlugin\");\r\n    const associateLyricType = useAppConfig(\"basic.associateLyricType\");\r\n    const showExitOnNotification = useAppConfig(\"basic.showExitOnNotification\");\r\n    const musicOrderInLocalSheet = useAppConfig(\"basic.musicOrderInLocalSheet\");\r\n    const tryChangeSourceWhenPlayFail = useAppConfig(\"basic.tryChangeSourceWhenPlayFail\");\r\n\r\n    const { t } = useI18N();\r\n\r\n    const debugEnableErrorLog = useAppConfig(\"debug.errorLog\");\r\n    const debugEnableTraceLog = useAppConfig(\"debug.traceLog\");\r\n    const debugEnableDevLog = useAppConfig(\"debug.devLog\");\r\n\r\n    const navigate = useNavigate();\r\n\r\n    const [cacheSize, refreshCacheSize] = useCacheSize();\r\n\r\n    const sectionListRef = useRef<SectionList | null>(null);\r\n    // const titleListRef = useRef<FlatList | null>(null);\r\n\r\n    useEffect(() => {\r\n        refreshCacheSize();\r\n    }, []);\r\n\r\n    const basicOptions = [\r\n        {\r\n            title: t(\"basicSettings.common\"),\r\n            data: [\r\n                createRadio(\r\n                    t(\"basicSettings.maxHistoryLength\"),\r\n                    \"basic.maxHistoryLen\",\r\n                    [20, 50, 100, 200, 500],\r\n                    maxHistoryLen ?? 50,\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.musicDetailDefault\"),\r\n                    \"basic.musicDetailDefault\",\r\n                    [\"album\", \"lyric\"],\r\n                    musicDetailDefault ?? \"album\",\r\n                    {\r\n                        album: t(\"basicSettings.musicDetailDefault.album\"),\r\n                        lyric: t(\"basicSettings.musicDetailDefault.lyric\"),\r\n                    },\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.musicDetailAwake\"),\r\n                    \"basic.musicDetailAwake\",\r\n                    musicDetailAwake ?? false,\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.associateLyricType\"),\r\n                    \"basic.associateLyricType\",\r\n                    [\"input\", \"search\"],\r\n                    associateLyricType ?? \"search\",\r\n                    {\r\n                        input: t(\"basicSettings.associateLyricType.input\"),\r\n                        search: t(\"basicSettings.associateLyricType.search\"),\r\n                    },\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.showExitOnNotification\"),\r\n                    \"basic.showExitOnNotification\",\r\n                    showExitOnNotification ?? false,\r\n                ),\r\n            ],\r\n        },\r\n        {\r\n            title: t(\"basicSettings.sheetAndAlbum\"),\r\n            data: [\r\n                createRadio(\r\n                    t(\"basicSettings.clickMusicInSearch\"),\r\n                    \"basic.clickMusicInSearch\",\r\n                    [\"playMusic\", \"playMusicAndReplace\"],\r\n                    clickMusicInSearch ?? \"playMusic\",\r\n                    {\r\n                        playMusic: t(\"basicSettings.clickMusicInSearch.playMusic\"),\r\n                        playMusicAndReplace: t(\"basicSettings.clickMusicInSearch.playMusicAndReplace\"),\r\n                    },\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.clickMusicInAlbum\"),\r\n                    \"basic.clickMusicInAlbum\",\r\n                    [\"playMusic\", \"playAlbum\"],\r\n                    clickMusicInAlbum ?? \"playAlbum\",\r\n                    {\r\n                        playMusic: t(\"basicSettings.clickMusicInAlbum.playMusic\"),\r\n                        playAlbum: t(\"basicSettings.clickMusicInAlbum.playAlbum\"),\r\n                    },\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.musicDetailDefault\"),\r\n                    \"basic.musicDetailDefault\",\r\n                    [\"album\", \"lyric\"],\r\n                    musicDetailDefault ?? \"album\",\r\n                    {\r\n                        album: t(\"basicSettings.musicDetailDefault.album\"),\r\n                        lyric: t(\"basicSettings.musicDetailDefault.lyric\"),\r\n                    },\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.musicOrderInLocalSheet\"),\r\n                    \"basic.musicOrderInLocalSheet\",\r\n                    [\r\n                        SortType.Title,\r\n                        SortType.Artist,\r\n                        SortType.Album,\r\n                        SortType.Newest,\r\n                        SortType.Oldest,\r\n                    ],\r\n                    musicOrderInLocalSheet ?? \"end\",\r\n                    {\r\n                        [SortType.Title]: t(\"basicSettings.musicOrderInLocalSheet.title\"),\r\n                        [SortType.Artist]: t(\"basicSettings.musicOrderInLocalSheet.artist\"),\r\n                        [SortType.Album]: t(\"basicSettings.musicOrderInLocalSheet.album\"),\r\n                        [SortType.Newest]: t(\"basicSettings.musicOrderInLocalSheet.newest\"),\r\n                        [SortType.Oldest]: t(\"basicSettings.musicOrderInLocalSheet.oldest\"),\r\n                    },\r\n                ),\r\n            ],\r\n        },\r\n        {\r\n            title: t(\"basicSettings.plugin\"),\r\n            data: [\r\n                createSwitch(\r\n                    t(\"basicSettings.autoUpdatePlugin\"),\r\n                    \"basic.autoUpdatePlugin\",\r\n                    autoUpdatePlugin ?? false,\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.notCheckPluginVersion\"),\r\n                    \"basic.notCheckPluginVersion\",\r\n                    notCheckPluginVersion ?? false,\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.lazyLoadPlugin\"),\r\n                    \"basic.lazyLoadPlugin\",\r\n                    lazyLoadPlugin ?? false,\r\n                ),\r\n            ],\r\n        },\r\n        {\r\n            title: t(\"basicSettings.playback\"),\r\n            data: [\r\n                createSwitch(\r\n                    t(\"basicSettings.notInterrupt\"),\r\n                    \"basic.notInterrupt\",\r\n                    notInterrupt ?? false,\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.autoPlayWhenAppStart\"),\r\n                    \"basic.autoPlayWhenAppStart\",\r\n                    autoPlayWhenAppStart ?? false,\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.tryChangeSourceWhenPlayFail\"),\r\n                    \"basic.tryChangeSourceWhenPlayFail\",\r\n                    tryChangeSourceWhenPlayFail ?? false,\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.autoStopWhenError\"),\r\n                    \"basic.autoStopWhenError\",\r\n                    autoStopWhenError ?? false,\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.tempRemoteDuck\"),\r\n                    \"basic.tempRemoteDuck\",\r\n                    [\"pause\", \"lowerVolume\"],\r\n                    tempRemoteDuck ?? \"pause\",\r\n                    {\r\n                        pause: t(\"basicSettings.tempRemoteDuck.pause\"),\r\n                        \"lowerVolume\": t(\"basicSettings.tempRemoteDuck.lowerVolume\"),\r\n                    }\r\n                ),\r\n                ...(tempRemoteDuck === \"lowerVolume\" ? [\r\n                    createRadio(\r\n                        t(\"basicSettings.tempRemoteDuck.volumeDecreaseLevel\"),\r\n                        \"basic.tempRemoteDuckVolume\",\r\n                        [0.3, 0.5, 0.8],\r\n                        tempRemoteDuckVolume ?? 0.5,\r\n                        {\r\n                            0.3: \"30%\",\r\n                            0.5: \"50%\",\r\n                            0.8: \"80%\",\r\n                        }\r\n                    ),\r\n                ] : []),\r\n                createRadio(\r\n                    t(\"basicSettings.defaultPlayQuality\"),\r\n                    \"basic.defaultPlayQuality\",\r\n                    qualityKeys,\r\n                    defaultPlayQuality ?? \"standard\",\r\n                    {\r\n                        low: t(\"musicQuality.low\"),\r\n                        standard: t(\"musicQuality.standard\"),\r\n                        high: t(\"musicQuality.high\"),\r\n                        super: t(\"musicQuality.super\"),\r\n                    },\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.playQualityOrder\"),\r\n                    \"basic.playQualityOrder\",\r\n                    [\"asc\", \"desc\"],\r\n                    playQualityOrder ?? \"asc\",\r\n                    {\r\n                        asc: t(\"basicSettings.playQualityOrder.asc\"),\r\n                        desc: t(\"basicSettings.playQualityOrder.desc\"),\r\n                    },\r\n                ),\r\n            ],\r\n        },\r\n        {\r\n            title: t(\"basicSettings.download\"),\r\n            data: [\r\n                {\r\n                    title: t(\"basicSettings.downloadPath\"),\r\n                    right: (\r\n                        <ThemeText\r\n                            fontSize=\"subTitle\"\r\n                            style={styles.centerText}\r\n                            numberOfLines={3}>\r\n                            {downloadPath ??\r\n                                pathConst.downloadMusicPath}\r\n                        </ThemeText>\r\n                    ),\r\n                    onPress() {\r\n                        navigate<\"file-selector\">(ROUTE_PATH.FILE_SELECTOR, {\r\n                            fileType: \"folder\",\r\n                            multi: false,\r\n                            actionText: t(\"basicSettings.fileSelector.selectFolder\"),\r\n                            async onAction(selectedFiles) {\r\n                                try {\r\n                                    const targetDir = selectedFiles[0];\r\n                                    await readdir(targetDir.path);\r\n                                    Config.setConfig(\r\n                                        \"basic.downloadPath\",\r\n                                        targetDir.path,\r\n                                    );\r\n                                    return true;\r\n                                } catch {\r\n                                    Toast.warn(t(\"toast.folderNotExistOrNoPermission\"));\r\n                                    return false;\r\n                                }\r\n                            },\r\n                        });\r\n                    },\r\n                },\r\n                createRadio(\r\n                    t(\"basicSettings.maxDownload\"),\r\n                    \"basic.maxDownload\",\r\n                    [1, 3, 5, 7],\r\n                    maxDownload ?? 3,\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.defaultDownloadQuality\"),\r\n                    \"basic.defaultDownloadQuality\",\r\n                    qualityKeys,\r\n                    defaultDownloadQuality ?? \"standard\",\r\n                    {\r\n                        low: t(\"musicQuality.low\"),\r\n                        standard: t(\"musicQuality.standard\"),\r\n                        high: t(\"musicQuality.high\"),\r\n                        super: t(\"musicQuality.super\"),\r\n                    },\r\n                ),\r\n                createRadio(\r\n                    t(\"basicSettings.downloadQualityOrder\"),\r\n                    \"basic.downloadQualityOrder\",\r\n                    [\"asc\", \"desc\"],\r\n                    downloadQualityOrder ?? \"asc\",\r\n                    {\r\n                        asc: t(\"basicSettings.downloadQualityOrder.asc\"),\r\n                        desc: t(\"basicSettings.downloadQualityOrder.desc\"),\r\n                    },\r\n                ),\r\n            ],\r\n        },\r\n        {\r\n            title: t(\"basicSettings.network\"),\r\n            data: [\r\n                createSwitch(\r\n                    t(\"basicSettings.useCelluarNetworkPlay\"),\r\n                    \"basic.useCelluarNetworkPlay\",\r\n                    useCelluarNetworkPlay ?? false,\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.useCelluarNetworkDownload\"),\r\n                    \"basic.useCelluarNetworkDownload\",\r\n                    useCelluarNetworkDownload ?? false,\r\n                ),\r\n            ],\r\n        },\r\n        {\r\n            title: t(\"basicSettings.lyric\"),\r\n            data: [],\r\n            footer: <LyricSetting />,\r\n        },\r\n        {\r\n            title: t(\"basicSettings.cache\"),\r\n            data: [\r\n                {\r\n                    title: t(\"basicSettings.cache.musicCacheLimit\"),\r\n                    right: (\r\n                        <ThemeText style={styles.centerText}>\r\n                            {maxCacheSize\r\n                                ? sizeFormatter(maxCacheSize)\r\n                                : \"512M\"}\r\n                        </ThemeText>\r\n                    ),\r\n                    onPress() {\r\n                        showPanel(\"SimpleInput\", {\r\n                            title: t(\"dialog.setCacheTitle\"),\r\n                            placeholder: t(\"dialog.setCachePlaceholder\"),\r\n                            onOk(text, closePanel) {\r\n                                let val = parseInt(text);\r\n                                if (val < 100) {\r\n                                    val = 100;\r\n                                } else if (val > 8192) {\r\n                                    val = 8192;\r\n                                }\r\n                                if (val >= 100 && val <= 8192) {\r\n                                    Config.setConfig(\r\n                                        \"basic.maxCacheSize\",\r\n                                        val * 1024 * 1024,\r\n                                    );\r\n                                    closePanel();\r\n                                    Toast.success(t(\"toast.cacheSetSuccess\"));\r\n                                }\r\n                            },\r\n                        });\r\n                    },\r\n                },\r\n\r\n                {\r\n                    title: t(\"basicSettings.cache.clearMusicCache\"),\r\n                    right: (\r\n                        <ThemeText style={styles.centerText}>\r\n                            {sizeFormatter(cacheSize.music)}\r\n                        </ThemeText>\r\n                    ),\r\n                    onPress() {\r\n                        showDialog(\"SimpleDialog\", {\r\n                            title: t(\"dialog.clearMusicCacheTitle\"),\r\n                            content: t(\"dialog.clearMusicCacheContent\"),\r\n                            async onOk() {\r\n                                await clearCache(\"music\");\r\n                                Toast.success(t(\"toast.musicCacheCleared\"));\r\n                                refreshCacheSize();\r\n                            },\r\n                        });\r\n                    },\r\n                },\r\n                {\r\n                    title: t(\"basicSettings.cache.clearLyricCache\"),\r\n                    right: (\r\n                        <ThemeText style={styles.centerText}>\r\n                            {sizeFormatter(cacheSize.lyric)}\r\n                        </ThemeText>\r\n                    ),\r\n                    onPress() {\r\n                        showDialog(\"SimpleDialog\", {\r\n                            title: t(\"dialog.clearLyricCacheTitle\"),\r\n                            content: t(\"dialog.clearLyricCacheContent\"),\r\n                            async onOk() {\r\n                                await clearCache(\"lyric\");\r\n                                Toast.success(t(\"toast.lyricCacheCleared\"));\r\n                                refreshCacheSize();\r\n                            },\r\n                        });\r\n                    },\r\n                },\r\n                {\r\n                    title: t(\"basicSettings.cache.clearImageCache\"),\r\n                    right: (\r\n                        <ThemeText style={styles.centerText}>\r\n                            {sizeFormatter(cacheSize.image)}\r\n                        </ThemeText>\r\n                    ),\r\n                    onPress() {\r\n                        showDialog(\"SimpleDialog\", {\r\n                            title: t(\"dialog.clearImageCacheTitle\"),\r\n                            content: t(\"dialog.clearImageCacheContent\"),\r\n                            async onOk() {\r\n                                await clearCache(\"image\");\r\n                                Toast.success(t(\"toast.imageCacheCleared\"));\r\n                                refreshCacheSize();\r\n                            },\r\n                        });\r\n                    },\r\n                },\r\n            ],\r\n        },\r\n        {\r\n            title: t(\"basicSettings.developer\"),\r\n            data: [\r\n                createSwitch(\r\n                    t(\"basicSettings.developer.errorLog\"),\r\n                    \"debug.errorLog\",\r\n                    debugEnableErrorLog ?? false,\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.developer.traceLog\"),\r\n                    \"debug.traceLog\",\r\n                    debugEnableTraceLog ?? false,\r\n                ),\r\n                createSwitch(\r\n                    t(\"basicSettings.developer.devLog\"),\r\n                    \"debug.devLog\",\r\n                    debugEnableDevLog ?? false,\r\n                ),\r\n                {\r\n                    title: t(\"basicSettings.developer.viewErrorLog\"),\r\n                    right: undefined,\r\n                    async onPress() {\r\n                        // 获取日志文件夹\r\n                        const errorLogContent = await getErrorLogContent();\r\n                        showDialog(\"SimpleDialog\", {\r\n                            title: t(\"dialog.errorLogTitle\"),\r\n                            content: (\r\n                                <ScrollView>\r\n                                    <Paragraph>\r\n                                        {errorLogContent || t(\"dialog.errorLogNoRecord\")}\r\n                                    </Paragraph>\r\n                                </ScrollView>\r\n                            ),\r\n                            cancelText: t(\"dialog.errorLogKnow\"),\r\n                            okText: t(\"dialog.errorLogCopy\"),\r\n                            onOk() {\r\n                                Clipboard.setString(errorLogContent);\r\n                                Toast.success(t(\"toast.copiedToClipboard\"));\r\n                            },\r\n                        });\r\n                    },\r\n                },\r\n                {\r\n                    title: t(\"basicSettings.developer.clearLog\"),\r\n                    right: undefined,\r\n                    async onPress() {\r\n                        try {\r\n                            await clearLog();\r\n                            Toast.success(t(\"toast.logCleared\"));\r\n                        } catch { }\r\n                    },\r\n                },\r\n            ],\r\n        },\r\n    ];\r\n\r\n    return (\r\n        <View style={styles.wrapper}>\r\n            <FlatList\r\n                style={styles.headerContainer}\r\n                showsHorizontalScrollIndicator={false}\r\n                contentContainerStyle={styles.headerContentContainer}\r\n                horizontal\r\n                data={basicOptions.map(it => it.title)}\r\n                renderItem={({ item, index }) => (\r\n                    <TouchableOpacity\r\n                        onPress={() => {\r\n                            sectionListRef.current?.scrollToLocation({\r\n                                sectionIndex: index,\r\n                                itemIndex: 0,\r\n                            });\r\n                        }}\r\n                        activeOpacity={0.7}\r\n                        style={styles.headerItemStyle}>\r\n                        <ThemeText fontWeight=\"bold\">{item}</ThemeText>\r\n                    </TouchableOpacity>\r\n                )}\r\n            />\r\n            <SectionList\r\n                sections={basicOptions}\r\n                renderSectionHeader={({ section }) => (\r\n                    <View style={styles.sectionHeader}>\r\n                        <ThemeText\r\n                            fontSize=\"subTitle\"\r\n                            fontColor=\"textSecondary\"\r\n                            fontWeight=\"bold\">\r\n                            {section.title}\r\n                        </ThemeText>\r\n                    </View>\r\n                )}\r\n                ref={sectionListRef}\r\n                renderSectionFooter={({ section }) => {\r\n                    return section.footer ?? null;\r\n                }}\r\n                renderItem={({ item }) => {\r\n                    const Right = item.right;\r\n\r\n                    return (\r\n                        <ListItem\r\n                            withHorizontalPadding\r\n                            heightType=\"small\"\r\n                            onPress={item.onPress}>\r\n                            <ListItem.Content title={item.title} />\r\n                            {Right}\r\n                        </ListItem>\r\n                    );\r\n                }}\r\n            />\r\n        </View>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    wrapper: {\r\n        width: \"100%\",\r\n        paddingBottom: rpx(24),\r\n        flex: 1,\r\n    },\r\n    centerText: {\r\n        textAlignVertical: \"center\",\r\n        maxWidth: rpx(400),\r\n    },\r\n    sectionHeader: {\r\n        paddingHorizontal: rpx(24),\r\n        height: rpx(72),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        marginTop: rpx(20),\r\n    },\r\n    headerContainer: {\r\n        height: rpx(80),\r\n    },\r\n    headerContentContainer: {\r\n        height: rpx(80),\r\n        alignItems: \"center\",\r\n        paddingHorizontal: rpx(24),\r\n    },\r\n    headerItemStyle: {\r\n        paddingHorizontal: rpx(36),\r\n        height: rpx(80),\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n    },\r\n});\r\n\r\nfunction LyricSetting() {\r\n    /**\r\n     * // Lyric\r\n     *     \"lyric.showStatusBarLyric\": boolean;\r\n     *     \"lyric.topPercent\": number;\r\n     *     \"lyric.leftPercent\": number;\r\n     *     \"lyric.align\": number;\r\n     *     \"lyric.color\": string;\r\n     *     \"lyric.backgroundColor\": string;\r\n     *     \"lyric.widthPercent\": number;\r\n     *     \"lyric.fontSize\": number;\r\n     *     \"lyric.detailFontSize\": number;\r\n     *     \"lyric.autoSearchLyric\": boolean;\r\n     */\r\n    const showStatusBarLyric = useAppConfig(\"lyric.showStatusBarLyric\");\r\n    const topPercent = useAppConfig(\"lyric.topPercent\");\r\n    const leftPercent = useAppConfig(\"lyric.leftPercent\");\r\n    const align = useAppConfig(\"lyric.align\");\r\n    const color = useAppConfig(\"lyric.color\");\r\n    const backgroundColor = useAppConfig(\"lyric.backgroundColor\");\r\n    const widthPercent = useAppConfig(\"lyric.widthPercent\");\r\n    const fontSize = useAppConfig(\"lyric.fontSize\");\r\n    const enableAutoSearchLyric = useAppConfig(\"lyric.autoSearchLyric\");\r\n\r\n\r\n\r\n    const colors = useColors();\r\n\r\n    const { t } = useI18N();\r\n\r\n    const autoSearchLyric = createSwitch(\r\n        t(\"basicSettings.lyric.autoSearchLyric\"),\r\n        \"lyric.autoSearchLyric\",\r\n        enableAutoSearchLyric ?? false,\r\n    );\r\n\r\n    const openStatusBarLyric = createSwitch(\r\n        t(\"basicSettings.lyric.showStatusBarLyric\"),\r\n        \"lyric.showStatusBarLyric\",\r\n        showStatusBarLyric ?? false,\r\n        async newValue => {\r\n            try {\r\n                if (newValue) {\r\n                    const hasPermission =\r\n                        await LyricUtil.checkSystemAlertPermission();\r\n\r\n                    if (hasPermission) {\r\n                        const statusBarLyricConfig = {\r\n                            topPercent: Config.getConfig(\"lyric.topPercent\"),\r\n                            leftPercent: Config.getConfig(\"lyric.leftPercent\"),\r\n                            align: Config.getConfig(\"lyric.align\"),\r\n                            color: Config.getConfig(\"lyric.color\"),\r\n                            backgroundColor: Config.getConfig(\"lyric.backgroundColor\"),\r\n                            widthPercent: Config.getConfig(\"lyric.widthPercent\"),\r\n                            fontSize: Config.getConfig(\"lyric.fontSize\"),\r\n                        };\r\n                        LyricUtil.showStatusBarLyric(\r\n                            \"MusicFree\",\r\n                            statusBarLyricConfig ?? {}\r\n                        );\r\n                        Config.setConfig(\"lyric.showStatusBarLyric\", true);\r\n                    } else {\r\n                        LyricUtil.requestSystemAlertPermission().finally(() => {\r\n                            Toast.warn(t(\"toast.noFloatWindowPermission\"));\r\n                        });\r\n                    }\r\n                } else {\r\n                    LyricUtil.hideStatusBarLyric();\r\n                    Config.setConfig(\"lyric.showStatusBarLyric\", false);\r\n                }\r\n            } catch { }\r\n        },\r\n    );\r\n\r\n    const alignStatusBarLyric = createRadio(\r\n        t(\"basicSettings.lyric.align\"),\r\n        \"lyric.align\",\r\n        [\r\n            NativeTextAlignment.LEFT,\r\n            NativeTextAlignment.CENTER,\r\n            NativeTextAlignment.RIGHT,\r\n        ],\r\n        align ?? NativeTextAlignment.CENTER,\r\n        {\r\n            [NativeTextAlignment.LEFT]: t(\"basicSettings.lyric.align.left\"),\r\n            [NativeTextAlignment.CENTER]: t(\"basicSettings.lyric.align.center\"),\r\n            [NativeTextAlignment.RIGHT]: t(\"basicSettings.lyric.align.right\"),\r\n        },\r\n        newVal => {\r\n            if (showStatusBarLyric) {\r\n                LyricUtil.setStatusBarLyricAlign(newVal as any);\r\n            }\r\n        },\r\n    );\r\n\r\n    return (\r\n        <View>\r\n            <ListItem\r\n                withHorizontalPadding\r\n                heightType=\"small\"\r\n                onPress={autoSearchLyric.onPress}>\r\n                <ListItem.Content title={autoSearchLyric.title} />\r\n                {autoSearchLyric.right}\r\n            </ListItem>\r\n            <ListItem\r\n                withHorizontalPadding\r\n                heightType=\"small\"\r\n                onPress={openStatusBarLyric.onPress}>\r\n                <ListItem.Content title={openStatusBarLyric.title} />\r\n                {openStatusBarLyric.right}\r\n            </ListItem>\r\n            <View style={lyricStyles.sliderContainer}>\r\n                <ThemeText>{t(\"basicSettings.lyric.leftRightDistance\")}</ThemeText>\r\n                <Slider\r\n                    style={lyricStyles.slider}\r\n                    minimumTrackTintColor={colors.primary}\r\n                    maximumTrackTintColor={colors.text ?? \"#999999\"}\r\n                    thumbTintColor={colors.primary}\r\n                    minimumValue={0}\r\n                    step={0.01}\r\n                    value={leftPercent ?? 0.5}\r\n                    maximumValue={1}\r\n                    onValueChange={val => {\r\n                        if (showStatusBarLyric) {\r\n                            LyricUtil.setStatusBarLyricLeft(val);\r\n                        }\r\n                    }}\r\n                    onSlidingComplete={val => {\r\n                        Config.setConfig(\"lyric.leftPercent\", val);\r\n                    }}\r\n                />\r\n            </View>\r\n            <View style={lyricStyles.sliderContainer}>\r\n                <ThemeText>{t(\"basicSettings.lyric.topBottomDistance\")}</ThemeText>\r\n                <Slider\r\n                    style={lyricStyles.slider}\r\n                    minimumTrackTintColor={colors.primary}\r\n                    maximumTrackTintColor={colors.text ?? \"#999999\"}\r\n                    thumbTintColor={colors.primary}\r\n                    minimumValue={0}\r\n                    value={topPercent ?? 0}\r\n                    step={0.01}\r\n                    maximumValue={1}\r\n                    onValueChange={val => {\r\n                        if (showStatusBarLyric) {\r\n                            LyricUtil.setStatusBarLyricTop(val);\r\n                        }\r\n                    }}\r\n                    onSlidingComplete={val => {\r\n                        Config.setConfig(\"lyric.topPercent\", val);\r\n                    }}\r\n                />\r\n            </View>\r\n            <View style={lyricStyles.sliderContainer}>\r\n                <ThemeText>{t(\"basicSettings.lyric.width\")}</ThemeText>\r\n                <Slider\r\n                    style={lyricStyles.slider}\r\n                    minimumTrackTintColor={colors.primary}\r\n                    maximumTrackTintColor={colors.text ?? \"#999999\"}\r\n                    thumbTintColor={colors.primary}\r\n                    minimumValue={0}\r\n                    step={0.01}\r\n                    value={widthPercent ?? 0.5}\r\n                    maximumValue={1}\r\n                    onValueChange={val => {\r\n                        if (showStatusBarLyric) {\r\n                            LyricUtil.setStatusBarLyricWidth(val);\r\n                        }\r\n                    }}\r\n                    onSlidingComplete={val => {\r\n                        Config.setConfig(\"lyric.widthPercent\", val);\r\n                    }}\r\n                />\r\n            </View>\r\n            <View style={lyricStyles.sliderContainer}>\r\n                <ThemeText>{t(\"basicSettings.lyric.fontSize\")}</ThemeText>\r\n                <Slider\r\n                    style={lyricStyles.slider}\r\n                    minimumTrackTintColor={colors.primary}\r\n                    maximumTrackTintColor={colors.text ?? \"#999999\"}\r\n                    thumbTintColor={colors.primary}\r\n                    minimumValue={Math.round(rpx(18))}\r\n                    step={0.5}\r\n                    maximumValue={Math.round(rpx(56))}\r\n                    value={fontSize ?? Math.round(rpx(24))}\r\n                    onValueChange={val => {\r\n                        if (showStatusBarLyric) {\r\n                            LyricUtil.setStatusBarLyricFontSize(val);\r\n                        }\r\n                    }}\r\n                    onSlidingComplete={val => {\r\n                        Config.setConfig(\"lyric.fontSize\", val);\r\n                    }}\r\n                />\r\n            </View>\r\n            <ListItem\r\n                withHorizontalPadding\r\n                heightType=\"small\"\r\n                onPress={alignStatusBarLyric.onPress}>\r\n                <ListItem.Content title={alignStatusBarLyric.title} />\r\n                {alignStatusBarLyric.right}\r\n            </ListItem>\r\n            <ListItem\r\n                withHorizontalPadding\r\n                heightType=\"small\"\r\n                onPress={() => {\r\n                    showPanel(\"ColorPicker\", {\r\n                        closePanelWhenSelected: true,\r\n                        defaultColor: color ?? \"transparent\",\r\n                        onSelected(color) {\r\n                            if (showStatusBarLyric) {\r\n                                const colorStr = color.hexa();\r\n                                LyricUtil.setStatusBarColors(colorStr, null);\r\n                                Config.setConfig(\"lyric.color\", colorStr);\r\n                            }\r\n                        },\r\n                    });\r\n                }}>\r\n                <ListItem.Content title={t(\"basicSettings.lyric.textColor\")} />\r\n                <ColorBlock color={color ?? \"#FFE9D2FF\"} />\r\n            </ListItem>\r\n            <ListItem\r\n                withHorizontalPadding\r\n                heightType=\"small\"\r\n                onPress={() => {\r\n                    showPanel(\"ColorPicker\", {\r\n                        closePanelWhenSelected: true,\r\n                        defaultColor:\r\n                            backgroundColor ?? \"transparent\",\r\n                        onSelected(color) {\r\n                            if (showStatusBarLyric) {\r\n                                const colorStr = color.hexa();\r\n                                LyricUtil.setStatusBarColors(null, colorStr);\r\n                                Config.setConfig(\r\n                                    \"lyric.backgroundColor\",\r\n                                    colorStr,\r\n                                );\r\n                            }\r\n                        },\r\n                    });\r\n                }}>\r\n                <ListItem.Content title={t(\"basicSettings.lyric.backgroundColor\")} />\r\n                <ColorBlock\r\n                    color={backgroundColor ?? \"#84888153\"}\r\n                />\r\n            </ListItem>\r\n        </View>\r\n    );\r\n}\r\n\r\nconst lyricStyles = StyleSheet.create({\r\n    slider: {\r\n        flex: 1,\r\n        marginLeft: rpx(24),\r\n    },\r\n    sliderContainer: {\r\n        height: rpx(96),\r\n        width: \"100%\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        paddingHorizontal: rpx(24),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/setting/settingTypes/index.ts",
    "content": "import deviceInfoModule from \"react-native-device-info\";\nimport AboutSetting from \"./aboutSetting\";\nimport BackupSetting from \"./backupSetting\";\nimport BasicSetting from \"./basicSetting\";\nimport PluginSetting from \"./pluginSetting\";\nimport ThemeSetting from \"./themeSetting\";\n\nconst settingTypes: Record<\n    string,\n    {\n        title: string;\n        component: (...args: any) => JSX.Element;\n        showNav?: boolean;\n        i18nKey: string;\n    }\n> = {\n    basic: {\n        title: \"基本设置\",\n        i18nKey: \"sidebar.basicSettings\",\n        component: BasicSetting,\n    },\n    plugin: {\n        title: \"插件管理\",\n        i18nKey: \"sidebar.pluginManagement\",\n        component: PluginSetting,\n        showNav: false,\n    },\n    theme: {\n        title: \"主题设置\",\n        i18nKey: \"sidebar.themeSettings\",\n        component: ThemeSetting,\n    },\n    backup: {\n        title: \"备份与恢复\",\n        i18nKey: \"sidebar.backupAndResume\",\n        component: BackupSetting,\n    },\n    about: {\n        title: `关于${deviceInfoModule.getApplicationName()}`,\n        i18nKey: \"common.about\",\n        component: AboutSetting,\n    },\n};\n\nexport default settingTypes;\n"
  },
  {
    "path": "src/pages/setting/settingTypes/pluginSetting/components/pluginItem.tsx",
    "content": "import React, { memo } from \"react\";\r\n\r\nimport useColors from \"@/hooks/useColors\";\r\nimport pluginManager, { Plugin, usePluginEnabled } from \"@/core/pluginManager\";\r\n\r\nimport Toast from \"@/utils/toast\";\r\nimport Clipboard from \"@react-native-clipboard/clipboard\";\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport { showPanel } from \"@/components/panels/usePanel\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport { StyleSheet, View } from \"react-native\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport IconTextButton from \"@/components/base/iconTextButton\";\r\nimport ThemeSwitch from \"@/components/base/switch\";\r\nimport { IIconName } from \"@/components/base/icon.tsx\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport IconButton from \"@/components/base/iconButton\";\r\nimport useRerender from \"@/hooks/useRerender\";\r\n\r\ninterface IPluginItemProps {\r\n    plugin: Plugin;\r\n}\r\n\r\ninterface IOption {\r\n    title: string;\r\n    icon: IIconName;\r\n    onPress?: () => void;\r\n    show?: boolean;\r\n}\r\n\r\nfunction _PluginItem(props: IPluginItemProps) {\r\n    const { plugin } = props;\r\n    const colors = useColors();\r\n    const enabled = usePluginEnabled(plugin);\r\n    const { t } = useI18N();\r\n    const rerender = useRerender();\r\n\r\n    const alternativePluginName = pluginManager.getAlternativePluginName(plugin);\r\n\r\n    const options: IOption[] = [\r\n        {\r\n            title: t(\"pluginSetting.pluginItem.options.updatePlugin\"),\r\n            icon: \"arrow-path\",\r\n            async onPress() {\r\n                try {\r\n                    await pluginManager.updatePlugin(plugin);\r\n                    Toast.success(t(\"toast.pluginUpdateSuccess\"));\r\n                } catch (e: any) {\r\n                    Toast.warn(e?.message ?? t(\"toast.failToUpdatePlugin\"));\r\n                }\r\n            },\r\n            show: !!plugin.instance.srcUrl,\r\n        },\r\n        {\r\n            title: t(\"pluginSetting.pluginItem.options.sharePlugin\"),\r\n            icon: \"share\",\r\n            async onPress() {\r\n                try {\r\n                    Clipboard.setString(plugin.instance.srcUrl!);\r\n                    Toast.success(t(\"toast.copiedToClipboard\"));\r\n                } catch (e: any) {\r\n                    Toast.warn(e?.message ?? t(\"toast.failToSharePlugin\"));\r\n                }\r\n            },\r\n            show: !!plugin.instance.srcUrl,\r\n        },\r\n        {\r\n            title: t(\"pluginSetting.pluginItem.options.uninstallPlugin\"),\r\n            icon: \"trash-outline\",\r\n            show: true,\r\n            onPress() {\r\n                showDialog(\"SimpleDialog\", {\r\n                    title: t(\"pluginSetting.pluginItem.options.uninstallPlugin\"),\r\n                    content: t(\"pluginSetting.pluginItem.options.uninstallPluginContent\", {\r\n                        name: plugin.name,\r\n                    }),\r\n                    async onOk() {\r\n                        try {\r\n                            await pluginManager.uninstallPlugin(plugin.hash);\r\n                            Toast.success(t(\"toast.pluginUninstalled\"));\r\n                        } catch {\r\n                            Toast.warn(t(\"toast.failToUpdatePlugin\"));\r\n                        }\r\n                    },\r\n                });\r\n            },\r\n        },\r\n        {\r\n            title: t(\"pluginSetting.pluginItem.options.alternativePlugin\"),\r\n            icon: \"strategy\",\r\n            show: true,\r\n            onPress() {\r\n                showDialog(\"RadioDialog\", {\r\n                    content: (pluginManager.getSortedPluginsWithAbility(\"getMediaSource\").map(it => it.name)),\r\n                    title: t(\"pluginSetting.pluginItem.dialog.setAlternativePluginTitle\"),\r\n                    defaultSelected: pluginManager.getAlternativePluginName(plugin) as any,\r\n                    onOk(value) {\r\n                        if (value === plugin.name) {\r\n                            pluginManager.setAlternativePluginName(plugin, null as any);\r\n                        } else {\r\n                            pluginManager.setAlternativePluginName(plugin, value as any);\r\n                        }\r\n                        rerender();\r\n                    },\r\n                    tip: t(\"pluginSetting.pluginItem.dialog.setAlternativePluginTip\"),\r\n\r\n                });\r\n\r\n            },\r\n        },\r\n        {\r\n            title: t(\"pluginSetting.pluginItem.options.importMusic\"),\r\n            icon: \"arrow-right-end-on-rectangle\",\r\n            onPress() {\r\n                showPanel(\"SimpleInput\", {\r\n                    title: t(\"pluginSetting.pluginItem.options.importMusic\"),\r\n                    placeholder: t(\"pluginSetting.pluginItem.options.importMusicPlaceHolder\"),\r\n                    hints: plugin.instance.hints?.importMusicItem,\r\n                    maxLength: 1000,\r\n                    async onOk(text) {\r\n                        const result = await plugin.methods.importMusicItem(\r\n                            text,\r\n                        );\r\n                        if (result) {\r\n                            showDialog(\"SimpleDialog\", {\r\n                                title: t(\"pluginSetting.pluginItem.options.importDialogTitle\"),\r\n                                content: t(\"pluginSetting.pluginItem.options.importMusicDialogContent\", {\r\n                                    name: result.title,\r\n                                }),\r\n                                onOk() {\r\n                                    showPanel(\"AddToMusicSheet\", {\r\n                                        musicItem: result,\r\n                                        newSheetDefaultName: t(\"pluginSetting.pluginItem.options.importMusicToSheetName\", {\r\n                                            name: plugin.name,\r\n                                        }),\r\n                                    });\r\n                                },\r\n                            });\r\n                        } else {\r\n                            Toast.warn(t(\"toast.failToImportMusic\"));\r\n                        }\r\n                    },\r\n                });\r\n            },\r\n            show: !!plugin.supportedMethods.has(\"importMusicItem\"),\r\n        },\r\n        {\r\n            title: t(\"pluginSetting.pluginItem.options.importSheet\"),\r\n            icon: \"arrow-right-end-on-rectangle\",\r\n            onPress() {\r\n                showPanel(\"SimpleInput\", {\r\n                    title: t(\"pluginSetting.pluginItem.options.importSheet\"),\r\n                    placeholder: t(\"pluginSetting.pluginItem.options.importSheetPlaceHolder\"),\r\n                    hints: plugin.instance.hints?.importMusicSheet,\r\n                    maxLength: 1000,\r\n                    async onOk(text, closePanel) {\r\n                        Toast.success(t(\"toast.importing\"));\r\n                        closePanel();\r\n                        const result = await plugin.methods.importMusicSheet(\r\n                            text,\r\n                        );\r\n                        if (result && result.length > 0) {\r\n                            showDialog(\"SimpleDialog\", {\r\n                                title: t(\"pluginSetting.pluginItem.options.importDialogTitle\"),\r\n                                content: t(\"pluginSetting.pluginItem.options.importSheetDialogContent\", {\r\n                                    count: result.length,\r\n                                }),\r\n                                onOk() {\r\n                                    showPanel(\"AddToMusicSheet\", {\r\n                                        musicItem: result,\r\n                                    });\r\n                                },\r\n                            });\r\n                        } else {\r\n                            Toast.warn(t(\"toast.failToImportSheet\"));\r\n                        }\r\n                    },\r\n                });\r\n            },\r\n            show: !!plugin.supportedMethods.has(\"importMusicSheet\"),\r\n        },\r\n        {\r\n            title: t(\"pluginSetting.pluginItem.options.userVariables\"),\r\n            icon: \"code-bracket-square\",\r\n            onPress() {\r\n                if (Array.isArray(plugin.instance.userVariables)) {\r\n                    showPanel(\"SetUserVariables\", {\r\n                        async onOk(newValue, closePanel) {\r\n                            pluginManager.setUserVariables(plugin, newValue);\r\n                            Toast.success(t(\"toast.settingSuccess\"));\r\n                            closePanel();\r\n                        },\r\n                        variables: plugin.instance.userVariables,\r\n                        initValues: pluginManager.getUserVariables(plugin),\r\n                    });\r\n                }\r\n            },\r\n            show: Array.isArray(plugin.instance.userVariables),\r\n        },\r\n    ];\r\n\r\n    return (\r\n        <View\r\n            style={[\r\n                styles.container,\r\n                {\r\n                    backgroundColor: colors.card,\r\n                },\r\n            ]}>\r\n            <View style={styles.header}>\r\n                <View style={styles.headerPluginContainer}>\r\n                    <ThemeText\r\n                        numberOfLines={1}\r\n                        fontSize=\"title\">\r\n                        {plugin.name}\r\n                    </ThemeText>\r\n                    {\r\n                        plugin.instance.description?.length ? <IconButton name='question-mark-circle' sizeType='light' onPress={() => {\r\n                            showDialog(\"MarkdownDialog\", {\r\n                                title: plugin.name,\r\n                                markdownContent: plugin.instance.description!,\r\n                            });\r\n                        }} /> : null\r\n                    }\r\n\r\n                </View>\r\n                <ThemeSwitch\r\n                    value={enabled}\r\n                    onValueChange={val => {\r\n                        pluginManager.setPluginEnabled(plugin, val);\r\n                    }}\r\n                />\r\n            </View>\r\n            <View style={styles.description}>\r\n                <ThemeText fontSize=\"subTitle\" fontColor=\"textSecondary\">\r\n                    {t(\"pluginSetting.pluginItem.versionHint\", {\r\n                        version: plugin.instance.version,\r\n                    })}\r\n                </ThemeText>\r\n                {plugin.instance.author ? (\r\n                    <ThemeText\r\n                        fontSize=\"subTitle\"\r\n                        fontColor=\"textSecondary\"\r\n                        numberOfLines={1}\r\n                        style={styles.author}>\r\n                        {t(\"pluginSetting.pluginItem.author\", {\r\n                            author: plugin.instance.author,\r\n                        })}\r\n                    </ThemeText>\r\n                ) : null}\r\n            </View>\r\n            {alternativePluginName ? <View style={styles.alternativePluginDescription}>\r\n                <ThemeText fontSize=\"subTitle\" fontColor=\"textSecondary\">\r\n                    {t(\"pluginSetting.pluginItem.alternativePlugin\", {\r\n                        name: alternativePluginName,\r\n                    })}\r\n                </ThemeText>\r\n            </View> : null}\r\n            <View style={styles.contents}>\r\n                {options.map((it, index) =>\r\n                    it.show !== false ? (\r\n                        <IconTextButton\r\n                            key={index}\r\n                            icon={it.icon}\r\n                            onPress={it.onPress}>\r\n                            {it.title}\r\n                        </IconTextButton>\r\n                    ) : null,\r\n                )}\r\n            </View>\r\n        </View>\r\n        // <List.Accordion\r\n        //     theme={{\r\n        //         colors: {\r\n        //             primary: colors.textHighlight,\r\n        //         },\r\n        //     }}\r\n        //     style={{\r\n        //         height: ITEM_HEIGHT_BIG,\r\n        //     }}\r\n        //     titleStyle={[\r\n        //         {\r\n        //             fontSize: fontSizeConst.title,\r\n        //             fontWeight: fontWeightConst.semibold,\r\n        //         },\r\n        //         plugin.state === 'error' ? {color: 'red'} : undefined,\r\n        //     ]}\r\n        //     key={`plg-${plugin.hash}`}\r\n        //     title={`${plugin.name}${\r\n        //         plugin.instance.version ? `(${plugin.instance.version})` : ''\r\n        //     }`}\r\n        //     description={\r\n        //         plugin.stateCode === PluginStateCode.VersionNotMatch\r\n        //             ? '插件和app版本不兼容'\r\n        //             : plugin.stateCode === PluginStateCode.CannotParse\r\n        //             ? '无法解析插件'\r\n        //             : undefined\r\n        //     }>\r\n        //     {options.map(_ =>\r\n        //         _.show ? (\r\n        //             <ListItem\r\n        //                 withHorizontalPadding\r\n        //                 key={`${plugin.hash}${_.title}`}\r\n        //                 onPress={_.onPress}>\r\n        //                 <ListItem.ListItemIcon icon={_.icon} />\r\n        //                 <ListItem.Content title={_.title} />\r\n        //             </ListItem>\r\n        //         ) : null,\r\n        //     )}\r\n        // </List.Accordion>\r\n    );\r\n}\r\n\r\nconst PluginItem = memo(_PluginItem, (prev, curr) => {\r\n    return prev.plugin === curr.plugin;\r\n});\r\nexport default PluginItem;\r\n\r\nconst styles = StyleSheet.create({\r\n    container: {\r\n        flex: 1,\r\n        borderRadius: rpx(8),\r\n        marginHorizontal: rpx(24),\r\n        paddingVertical: rpx(18),\r\n        marginTop: rpx(36),\r\n    },\r\n    header: {\r\n        paddingHorizontal: rpx(16),\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n    },\r\n    headerPluginContainer: {\r\n        flexShrink: 1,\r\n        flexGrow: 1,\r\n        flexDirection: \"row\",\r\n        gap: rpx(8),\r\n        alignItems: \"center\",\r\n    },\r\n    author: {\r\n        marginLeft: rpx(24),\r\n        flexShrink: 1,\r\n        flexGrow: 1,\r\n    },\r\n    description: {\r\n        marginHorizontal: rpx(16),\r\n        marginVertical: rpx(24),\r\n        flexDirection: \"row\",\r\n    },\r\n    alternativePluginDescription: {\r\n        marginHorizontal: rpx(16),\r\n        marginBottom: rpx(24),\r\n        flexDirection: \"row\",\r\n    },\r\n    contents: {\r\n        flexDirection: \"row\",\r\n        justifyContent: \"space-between\",\r\n        flexWrap: \"wrap\",\r\n        gap: rpx(16),\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/setting/settingTypes/pluginSetting/index.tsx",
    "content": "import React from \"react\";\n\nimport { createNativeStackNavigator } from \"@react-navigation/native-stack\";\nimport PluginList from \"./views/pluginList\";\nimport PluginSort from \"./views/pluginSort\";\nimport PluginSubscribe from \"./views/pluginSubscribe\";\n\nconst Stack = createNativeStackNavigator<any>();\n\nconst routes = [\n    {\n        path: \"/pluginsetting/list\",\n        component: PluginList,\n    },\n    {\n        path: \"/pluginsetting/sort\",\n        component: PluginSort,\n    },\n    {\n        path: \"/pluginsetting/subscribe\",\n        component: PluginSubscribe,\n    },\n];\n\nexport default function PluginSetting() {\n    return (\n        <Stack.Navigator\n            initialRouteName={routes[0].path}\n            screenOptions={{\n                headerShown: false,\n                animation: \"slide_from_right\",\n                animationDuration: 100,\n            }}>\n            {routes.map(route => (\n                <Stack.Screen\n                    key={route.path}\n                    name={route.path}\n                    component={route.component}\n                />\n            ))}\n        </Stack.Navigator>\n    );\n}\n"
  },
  {
    "path": "src/pages/setting/settingTypes/pluginSetting/views/pluginList.tsx",
    "content": "import React, { useState } from \"react\";\r\nimport { FlatList, StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport * as DocumentPicker from \"expo-document-picker\";\r\nimport Loading from \"@/components/base/loading\";\r\n\r\nimport PluginManager, { useSortedPlugins } from \"@/core/pluginManager\";\r\nimport { trace } from \"@/utils/log\";\r\n\r\nimport Toast from \"@/utils/toast\";\r\nimport axios from \"axios\";\r\nimport { useNavigation } from \"@react-navigation/native\";\r\nimport Config from \"@/core/appConfig\";\r\nimport Empty from \"@/components/base/empty\";\r\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport { showPanel } from \"@/components/panels/usePanel\";\r\nimport AppBar from \"@/components/base/appBar\";\r\nimport Fab from \"@/components/base/fab\";\r\nimport PluginItem from \"../components/pluginItem\";\r\nimport { IIconName } from \"@/components/base/icon.tsx\";\r\nimport { IInstallPluginResult } from \"@/types/core/pluginManager\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\ninterface IOption {\r\n    icon: IIconName;\r\n    title: string;\r\n    onPress?: () => void;\r\n}\r\n\r\nexport default function PluginList() {\r\n    const plugins = useSortedPlugins();\r\n    const { t } = useI18N();\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const navigator = useNavigation<any>();\r\n\r\n    const menuOptions: IOption[] = [\r\n        {\r\n            icon: \"bookmark-square\",\r\n            title: t(\"pluginSetting.menu.subscriptionSetting\"),\r\n            async onPress() {\r\n                navigator.navigate(\"/pluginsetting/subscribe\");\r\n            },\r\n        },\r\n        {\r\n            icon: \"bars-3\",\r\n            title: t(\"pluginSetting.menu.sort\"),\r\n            onPress() {\r\n                navigator.navigate(\"/pluginsetting/sort\");\r\n            },\r\n        },\r\n        {\r\n            icon: \"trash-outline\",\r\n            title: t(\"pluginSetting.menu.uninstallAll\"),\r\n            onPress() {\r\n                showDialog(\"SimpleDialog\", {\r\n                    title: t(\"pluginSetting.menu.uninstallAll\"),\r\n                    content: t(\"pluginSetting.menu.uninstallAllContent\"),\r\n                    async onOk() {\r\n                        setLoading(true);\r\n                        await PluginManager.uninstallAllPlugins();\r\n                        setLoading(false);\r\n                    },\r\n                });\r\n            },\r\n        },\r\n    ];\r\n\r\n    async function onInstallFromLocalClick() {\r\n        try {\r\n            const results = await DocumentPicker.getDocumentAsync({\r\n                copyToCacheDirectory: true,\r\n                multiple: true,\r\n                type: [\"application/javascript\", \"text/javascript\"],\r\n            });\r\n            if (results.canceled) {\r\n                // 用户取消\r\n                return;\r\n            }\r\n            setLoading(true);\r\n\r\n            await Promise.all(\r\n                results.assets.map(async it => {\r\n                    await PluginManager.installPluginFromLocalFile(it.uri, {\r\n                        notCheckVersion: Config.getConfig(\r\n                            \"basic.notCheckPluginVersion\",\r\n                        ),\r\n                        useExpoFs: true,\r\n                    });\r\n                }),\r\n            );\r\n            // 初步过滤\r\n\r\n            Toast.success(t(\"toast.installPluginSuccess\"));\r\n        } catch (e: any) {\r\n            trace(\"插件安装失败\", e?.message);\r\n            Toast.warn(t(\"toast.installPluginFail\", {\r\n                reason: e?.message ?? \"\",\r\n            }));\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    async function onInstallFromNetworkClick() {\r\n        showPanel(\"SimpleInput\", {\r\n            title: t(\"pluginSetting.menu.installPlugin\"),\r\n            placeholder: t(\"pluginSetting.menu.installPluginDialogPlaceholder\"),\r\n            maxLength: 200,\r\n            async onOk(text, closePanel) {\r\n                setLoading(true);\r\n                closePanel();\r\n\r\n                const result = await installPluginFromUrl(text.trim());\r\n\r\n                // 检查是否全部安装成功\r\n                const successResults: IInstallPluginResult[] = [];\r\n                const failResults: IInstallPluginResult[] = [];\r\n                for (let i = 0; i < result.length; ++i) {\r\n                    if (result[i].success) {\r\n                        successResults.push(result[i]);\r\n                    } else {\r\n                        failResults.push(result[i]);\r\n                    }\r\n                }\r\n\r\n                if (!failResults.length) {\r\n                    Toast.success(t(\"toast.installPluginSuccess\"));\r\n                } else {\r\n                    Toast.warn(successResults.length ? t(\"toast.partialPluginInstallFailed\") : t(\"toast.allPluginInstallFailed\"), {\r\n                        \"type\": \"warn\",\r\n                        \"actionText\": t(\"common.view\"),\r\n                        \"onActionClick\": () => {\r\n                            showDialog(\"SimpleDialog\", {\r\n                                title: t(\"pluginSetting.menu.pluginInstallFailedDialogTitle\"),\r\n                                content: t(\"pluginSetting.pluginInstallFailedDialogContent\", {\r\n                                    detail: failResults.map(it => (it.pluginUrl ?? \"\") + \"\\n\" + t(\"pluginSetting.failReason\", {\r\n                                        reason: it.message ?? \"\",\r\n                                    })).join(\"\\n-----\\n\"),\r\n                                }),\r\n                            });\r\n                        },\r\n                    });\r\n                }\r\n\r\n\r\n                setLoading(false);\r\n            },\r\n        });\r\n    }\r\n\r\n    async function onSubscribeClick() {\r\n        const urls = Config.getConfig(\"plugin.subscribeUrl\");\r\n        if (!urls) {\r\n            Toast.warn(t(\"toast.noSubscription\"));\r\n        }\r\n        setLoading(true);\r\n\r\n        const successResults: IInstallPluginResult[] = [];\r\n        const failResults: IInstallPluginResult[] = [];\r\n\r\n        try {\r\n            const urlItems = JSON.parse(urls!);\r\n            if (Array.isArray(urlItems)) {\r\n                for (let i = 0; i < urlItems.length; ++i) {\r\n                    const result = await installPluginFromUrl(urlItems[i].url);\r\n                    if (result[0]) {\r\n                        if (result[0].success) {\r\n                            successResults.push(result[0]);\r\n                        } else {\r\n                            failResults.push(result[0]);\r\n                        }\r\n                    }\r\n                }\r\n            } else {\r\n                throw new Error();\r\n            }\r\n\r\n            if (!failResults.length) {\r\n                Toast.success(t(\"toast.installPluginSuccess\"));\r\n            } else {\r\n                Toast.warn((successResults.length ? t(\"toast.partialPluginInstallFailed\") : t(\"toast.allPluginInstallFailed\")), {\r\n                    \"type\": \"warn\",\r\n                    \"actionText\": t(\"common.view\"),\r\n                    \"onActionClick\": () => {\r\n                        showDialog(\"SimpleDialog\", {\r\n                            title: t(\"pluginSetting.menu.pluginInstallFailedDialogTitle\"),\r\n                            content: t(\"pluginSetting.pluginInstallFailedDialogContent\", {\r\n                                detail: failResults.map(it => (it.pluginUrl ?? \"\") + \"\\n\" + t(\"pluginSetting.failReason\", {\r\n                                    reason: it.message ?? \"\",\r\n                                })).join(\"\\n-----\\n\"),\r\n                            }),\r\n                        });\r\n                    },\r\n                });\r\n            }\r\n\r\n        } catch {\r\n            if (urls?.length) {\r\n                const result = await installPluginFromUrl(urls);\r\n                if (result[0]) {\r\n                    if (result[0].success) {\r\n                        Toast.success(t(\"toast.installPluginSuccess\"));\r\n                    } else {\r\n                        Toast.warn(t(\"toast.partialPluginInstallFailedWithReason\", {\r\n                            reason: result[0].message ?? \"\",\r\n                        }));\r\n                    }\r\n                } else {\r\n                    Toast.warn(t(\"toast.subscriptionInvalid\"));\r\n                }\r\n            }\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    async function onUpdateAllClick() {\r\n        const plugins = PluginManager.getEnabledPlugins();\r\n        setLoading(true);\r\n\r\n        const successResults: IInstallPluginResult[] = [];\r\n        const failResults: IInstallPluginResult[] = [];\r\n\r\n        try {\r\n            for (let i = 0; i < plugins.length; ++i) {\r\n                const srcUrl = plugins[i].instance.srcUrl;\r\n                if (srcUrl) {\r\n                    const result = await installPluginFromUrl(srcUrl);\r\n                    if (result[0]) {\r\n                        if (result[0].success) {\r\n                            successResults.push(result[0]);\r\n                        } else {\r\n                            failResults.push(result[0]);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (!failResults.length) {\r\n                Toast.success(t(\"toast.updatePluginSuccess\"));\r\n            } else {\r\n                Toast.warn((successResults.length ? t(\"toast.partialPluginUpdateFailed\") : t(\"toast.allPluginUpdateFailed\")), {\r\n                    \"type\": \"warn\",\r\n                    \"actionText\": t(\"common.view\"),\r\n                    \"onActionClick\": () => {\r\n                        showDialog(\"SimpleDialog\", {\r\n                            title: t(\"pluginSetting.menu.pluginUpdateFailedDialogTitle\"),\r\n                            content: t(\"pluginSetting.pluginUpdateFailedDialogContent\", {\r\n                                detail: failResults.map(it => (it.pluginUrl ?? \"\") + \"\\n\" + t(\"pluginSetting.failReason\", {\r\n                                    reason: it.message ?? \"\",\r\n                                })).join(\"\\n-----\\n\"),\r\n                            }),\r\n                        });\r\n                    },\r\n                });\r\n            }\r\n\r\n        } catch (e: any) {\r\n            Toast.warn(t(\"toast.unknownError\", {\r\n                reason: e?.message ?? e,\r\n            }));\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <AppBar menu={menuOptions}>{t(\"sidebar.pluginManagement\")}</AppBar>\r\n            <HorizontalSafeAreaView style={style.wrapper}>\r\n                <>\r\n                    {loading ? (\r\n                        <Loading />\r\n                    ) : (\r\n                        <FlatList\r\n                            ListEmptyComponent={Empty}\r\n                            ListFooterComponent={<View style={style.blank} />}\r\n                            data={plugins ?? []}\r\n                            keyExtractor={_ => _.hash}\r\n                            renderItem={({ item: plugin }) => (\r\n                                <PluginItem key={plugin.hash} plugin={plugin} />\r\n                            )}\r\n                        />\r\n                    )}\r\n\r\n                    <Fab\r\n                        icon=\"plus\"\r\n                        onPress={() => {\r\n                            showPanel(\"SimpleSelect\", {\r\n                                header: t(\"pluginSetting.menu.installPlugin\"),\r\n                                candidates: [\r\n                                    {\r\n                                        value: \"从本地安装插件\",\r\n                                        title: t(\"pluginSetting.fabOptions.installFromLocal\"),\r\n                                    },\r\n                                    {\r\n                                        value: \"从网络安装插件\",\r\n                                        title: t(\"pluginSetting.fabOptions.installFromNetwork\"),\r\n                                    },\r\n                                    {\r\n                                        value: \"更新全部插件\",\r\n                                        title: t(\"pluginSetting.fabOptions.updateAllPlugins\"),\r\n                                    },\r\n                                    {\r\n                                        value: \"更新订阅\",\r\n                                        title: t(\"pluginSetting.fabOptions.updateSubscription\"),\r\n                                    },\r\n                                ],\r\n                                onPress(item) {\r\n                                    if (item.value === \"从本地安装插件\") {\r\n                                        onInstallFromLocalClick();\r\n                                    } else if (\r\n                                        item.value === \"从网络安装插件\"\r\n                                    ) {\r\n                                        onInstallFromNetworkClick();\r\n                                    } else if (item.value === \"更新订阅\") {\r\n                                        onSubscribeClick();\r\n                                    } else if (item.value === \"更新全部插件\") {\r\n                                        onUpdateAllClick();\r\n                                    }\r\n                                },\r\n                            });\r\n                        }}\r\n                    />\r\n                </>\r\n            </HorizontalSafeAreaView>\r\n        </>\r\n    );\r\n}\r\n\r\nconst style = StyleSheet.create({\r\n    wrapper: {\r\n        width: \"100%\",\r\n        flex: 1,\r\n    },\r\n    blank: {\r\n        height: rpx(200),\r\n    },\r\n});\r\n\r\n\r\n\r\nasync function installPluginFromUrl(text: string): Promise<IInstallPluginResult[]> {\r\n    try {\r\n        let urls: string[] = [];\r\n        const inputUrl = text.trim();\r\n        if (text.endsWith(\".json\")) {\r\n            const jsonFile = (\r\n                await axios.get(inputUrl, {\r\n                    headers: {\r\n                        \"Cache-Control\": \"no-cache\",\r\n                        Pragma: \"no-cache\",\r\n                        Expires: \"0\",\r\n                    },\r\n                })\r\n            ).data;\r\n            /**\r\n             * {\r\n             *     plugins: [{\r\n             *          version: xxx,\r\n             *          url: xxx\r\n             *      }]\r\n             * }\r\n             */\r\n            urls = (jsonFile?.plugins ?? []).map((_: any) => _.url);\r\n        } else {\r\n            urls = [inputUrl];\r\n        }\r\n        return await Promise.all(\r\n            urls.map(url =>\r\n                PluginManager.installPluginFromUrl(url, {\r\n                    notCheckVersion: Config.getConfig(\r\n                        \"basic.notCheckPluginVersion\",\r\n                    ),\r\n                }),\r\n            ),\r\n        );\r\n    } catch (e: any) {\r\n        return [{ success: false, message: e?.message, pluginUrl: text }];\r\n    }\r\n}\r\n"
  },
  {
    "path": "src/pages/setting/settingTypes/pluginSetting/views/pluginSort.tsx",
    "content": "import AppBar from \"@/components/base/appBar\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport SortableFlatList from \"@/components/base/SortableFlatList\";\nimport ThemeText from \"@/components/base/themeText\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { useI18N } from \"@/core/i18n\";\nimport PluginManager, { Plugin, useSortedPlugins } from \"@/core/pluginManager\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\nimport Toast from \"@/utils/toast\";\nimport React, { useState } from \"react\";\nimport { StatusBar, StyleSheet, TouchableOpacity, View } from \"react-native\";\n\nconst ITEM_HEIGHT = rpx(96);\nconst marginTop = rpx(188) + (StatusBar.currentHeight ?? 0);\n\nexport default function PluginSort() {\n    const plugins = useSortedPlugins();\n    const [sortingPlugins, setSortingPlugins] = useState([...plugins]);\n\n    const colors = useColors();\n    const { t } = useI18N();\n\n    function renderSortingItem({ item }: { item: Plugin }) {\n        return (\n            <View style={style.sortItem}>\n                <ThemeText>{item.name}</ThemeText>\n            </View>\n        );\n    }\n    return (\n        <>\n            <AppBar>{t(\"pluginSetting.menu.sort\")}</AppBar>\n            <HorizontalSafeAreaView style={style.sortWrapper}>\n                <>\n                    <ThemeText fontWeight=\"bold\">{t(\"pluginSetting.menu.sort\")}</ThemeText>\n                    <TouchableOpacity\n                        onPress={async () => {\n                            PluginManager.setPluginOrder(sortingPlugins);\n                            Toast.success(t(\"toast.saveSuccess\"));\n                        }}>\n                        <ThemeText>{t(\"common.done\")}</ThemeText>\n                    </TouchableOpacity>\n                </>\n            </HorizontalSafeAreaView>\n            <HorizontalSafeAreaView style={globalStyle.flex1}>\n                <SortableFlatList\n                    data={sortingPlugins}\n                    activeBackgroundColor={colors.placeholder}\n                    marginTop={marginTop}\n                    renderItem={renderSortingItem}\n                    itemHeight={ITEM_HEIGHT}\n                    itemJustifyContent={\"space-between\"}\n                    onSortEnd={data => {\n                        setSortingPlugins(data);\n                    }}\n                />\n            </HorizontalSafeAreaView>\n        </>\n    );\n}\n\nconst style = StyleSheet.create({\n    sortWrapper: {\n        marginHorizontal: rpx(24),\n        marginTop: rpx(36),\n        justifyContent: \"space-between\",\n        height: rpx(64),\n        alignItems: \"center\",\n        flexDirection: \"row\",\n    },\n    sortItem: {\n        height: ITEM_HEIGHT,\n        width: rpx(500),\n        paddingLeft: rpx(24),\n        justifyContent: \"center\",\n    },\n});\n"
  },
  {
    "path": "src/pages/setting/settingTypes/pluginSetting/views/pluginSubscribe.tsx",
    "content": "import React, { useEffect, useState } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport Config, { useAppConfig } from \"@/core/appConfig\";\nimport { FlatList } from \"react-native-gesture-handler\";\nimport Empty from \"@/components/base/empty\";\nimport ListItem from \"@/components/base/listItem\";\nimport Toast from \"@/utils/toast\";\nimport Clipboard from \"@react-native-clipboard/clipboard\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { showDialog } from \"@/components/dialogs/useDialog\";\nimport AppBar from \"@/components/base/appBar\";\nimport Fab from \"@/components/base/fab\";\nimport { useI18N } from \"@/core/i18n\";\n\ninterface ISubscribeItem {\n    name: string;\n    url: string;\n}\n\nconst ITEM_HEIGHT = rpx(108);\n\nexport default function PluginSubscribe() {\n    const urls = useAppConfig(\"plugin.subscribeUrl\") ?? \"\";\n    const [subscribes, setSubscribes] = useState<Array<ISubscribeItem>>([]);\n\n    const { t } = useI18N();\n\n    useEffect(() => {\n        try {\n            const parsed = JSON.parse(urls);\n            if (Array.isArray(parsed)) {\n                setSubscribes(parsed);\n            } else {\n                throw new Error();\n            }\n        } catch {\n            if (urls.length) {\n                setSubscribes([\n                    {\n                        name: t(\"common.default\"),\n                        url: urls,\n                    },\n                ]);\n            } else {\n                setSubscribes([]);\n            }\n        }\n    }, [urls]);\n\n    const onSubmit = (\n        subscribeItem: ISubscribeItem,\n        hideDialog: () => void,\n        editingIndex?: number,\n    ) => {\n        if (\n            subscribeItem.url.endsWith(\".js\") ||\n            subscribeItem.url.endsWith(\".json\")\n        ) {\n            if (editingIndex !== undefined) {\n                Config.setConfig(\n                    \"plugin.subscribeUrl\",\n                    JSON.stringify([\n                        ...subscribes.slice(0, editingIndex),\n                        subscribeItem,\n                        ...subscribes.slice(editingIndex + 1),\n                    ]),\n                );\n            } else {\n                Config.setConfig(\n                    \"plugin.subscribeUrl\",\n                    JSON.stringify([...subscribes, subscribeItem]),\n                );\n            }\n            hideDialog();\n        } else {\n            Toast.warn(t(\"toast.subscriptionHaveToEndWithJs\"));\n        }\n    };\n\n    return (\n        <>\n            <AppBar>{t(\"pluginSetting.menu.subscriptionSetting\")}</AppBar>\n            <HorizontalSafeAreaView style={globalStyle.flex1}>\n                <FlatList\n                    style={style.listWrapper}\n                    ListEmptyComponent={Empty}\n                    data={subscribes}\n                    renderItem={({ item, index }) => {\n                        return (\n                            <ListItem\n                                withHorizontalPadding\n                                onPress={() => {\n                                    showDialog(\"SubscribePluginDialog\", {\n                                        subscribeItem: item,\n                                        onSubmit,\n                                        editingIndex: index,\n                                        onDelete(editingIndex, hideDialog) {\n                                            Config.setConfig(\n                                                \"plugin.subscribeUrl\",\n                                                JSON.stringify([\n                                                    ...subscribes.slice(\n                                                        0,\n                                                        editingIndex,\n                                                    ),\n                                                    ...subscribes.slice(\n                                                        editingIndex + 1,\n                                                    ),\n                                                ]),\n                                            );\n                                            hideDialog();\n                                            Toast.success(t(\"toast.deleteSuccess\"));\n                                        },\n                                    });\n                                }}>\n                                <ListItem.Content\n                                    title={item.name}\n                                    description={item.url}\n                                />\n                                <ListItem.ListItemIcon\n                                    icon=\"share\"\n                                    position=\"right\"\n                                    onPress={() => {\n                                        Clipboard.setString(item.url);\n                                        Toast.success(t(\"toast.copiedToClipboard\"));\n                                    }}\n                                />\n                            </ListItem>\n                        );\n                    }}\n                    getItemLayout={(_, index) => ({\n                        length: ITEM_HEIGHT,\n                        offset: ITEM_HEIGHT * index,\n                        index,\n                    })}\n                />\n            </HorizontalSafeAreaView>\n            <Fab\n                icon=\"plus\"\n                onPress={() => {\n                    showDialog(\"SubscribePluginDialog\", {\n                        onSubmit,\n                    });\n                }}\n            />\n        </>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: rpx(750),\n        flex: 1,\n    },\n    listWrapper: {\n        marginTop: rpx(24),\n    },\n    fab: {\n        position: \"absolute\",\n        right: rpx(36),\n        bottom: rpx(36),\n    },\n});\n"
  },
  {
    "path": "src/pages/setting/settingTypes/themeSetting/background.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport ThemeText from \"@/components/base/themeText\";\n// import pathConst from '@/constants/pathConst';\nimport Config, { useAppConfig } from \"@/core/appConfig\";\nimport ThemeCard from \"./themeCard\";\nimport { ROUTE_PATH, useNavigate } from \"@/core/router\";\nimport Theme from \"@/core/theme\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function Background() {\n    const { t } = useI18N();\n\n    const themeBackground = useAppConfig(\"theme.background\");\n    const themeSelectedTheme = useAppConfig(\"theme.selectedTheme\");\n\n    const navigate = useNavigate();\n\n    // const onCustomBgPress = async () => {\n    //     try {\n    //         const result = await launchImageLibrary({\n    //             mediaType: 'photo',\n    //         });\n    //         const uri = result.assets?.[0].uri;\n    //         if (!uri) {\n    //             return;\n    //         }\n\n    //         const bgPath = `${pathConst.dataPath}background${uri.substring(\n    //             uri.lastIndexOf('.'),\n    //         )}`;\n    //         await copyFile(uri, bgPath);\n    //         Config.set(\n    //             'setting.theme.background',\n    //             `file://${bgPath}#${Date.now()}`,\n    //         );\n\n    //         const colorsResult = await ImageColors.getColors(uri, {\n    //             fallback: '#ffffff',\n    //         });\n    //         const colors = {\n    //             primary:\n    //                 colorsResult.platform === 'android'\n    //                     ? colorsResult.dominant\n    //                     : colorsResult.platform === 'ios'\n    //                     ? colorsResult.primary\n    //                     : colorsResult.vibrant,\n    //             average:\n    //                 colorsResult.platform === 'android'\n    //                     ? colorsResult.average\n    //                     : colorsResult.platform === 'ios'\n    //                     ? colorsResult.detail\n    //                     : colorsResult.dominant,\n    //             vibrant:\n    //                 colorsResult.platform === 'android'\n    //                     ? colorsResult.vibrant\n    //                     : colorsResult.platform === 'ios'\n    //                     ? colorsResult.secondary\n    //                     : colorsResult.vibrant,\n    //         };\n    //         const primaryColor = Color(colors.primary).darken(0.3).toString();\n    //         // const secondaryColor = Color(colors.average)\n    //         //   .darken(0.3)\n    //         //   .toString();\n    //         const textHighlight = Color(\n    //             0xffffff - Color(primaryColor).rgbNumber(),\n    //             'rgb',\n    //         )\n    //             .saturate(0.5)\n    //             .toString();\n    //         Config.set('setting.theme.mode', 'custom-dark');\n    //         Config.set('setting.theme.colors', {\n    //             primary: primaryColor,\n    //             textHighlight: textHighlight,\n    //             accent: textHighlight,\n    //         });\n    //     } catch (e) {\n    //         console.log(e);\n    //     }\n    // };\n\n    return (\n        <View>\n            <ThemeText\n                fontSize=\"subTitle\"\n                fontWeight=\"bold\"\n                style={style.header}>\n                {t(\"themeSettings.setTheme\")}\n            </ThemeText>\n            <View style={style.sectionWrapper}>\n                <ThemeCard\n                    preview=\"#fff\"\n                    title={t(\"themeSettings.lightMode\")}\n                    selected={themeSelectedTheme === \"p-light\"}\n                    onPress={() => {\n                        if (themeSelectedTheme !== \"p-light\") {\n                            Theme.setTheme(\"p-light\");\n                            Config.setConfig(\"theme.followSystem\", false);\n                        }\n                    }}\n                />\n                <ThemeCard\n                    preview=\"#131313\"\n                    title={t(\"themeSettings.darkMode\")}\n                    selected={themeSelectedTheme === \"p-dark\"}\n                    onPress={() => {\n                        if (themeSelectedTheme !== \"p-dark\") {\n                            Theme.setTheme(\"p-dark\");\n                            Config.setConfig(\"theme.followSystem\", false);\n                        }\n                    }}\n                />\n\n                <ThemeCard\n                    title={t(\"themeSettings.customMode\")}\n                    selected={themeSelectedTheme === \"custom\"}\n                    preview={themeBackground}\n                    onPress={() => {\n                        if (themeSelectedTheme !== \"custom\") {\n                            Config.setConfig(\"theme.followSystem\", false);\n                            Theme.setTheme(\"custom\", {\n                                colors: Config.getConfig(\n                                    \"theme.customColors\",\n                                ),\n                            });\n                        }\n                        navigate(ROUTE_PATH.SET_CUSTOM_THEME);\n                        // showPanel('ColorPicker');\n                    }}\n                />\n\n                {/* <ImageCard\n                    emptySrc={ImgAsset.backgroundDefault}\n                    onPress={() => {\n                        Config.set('setting.theme.background', undefined);\n                        Config.set('setting.theme.colors', undefined);\n                    }}\n                />\n                <ImageCard\n                    uri={theme?.background}\n                    emptySrc={ImgAsset.addBackground}\n                    onPress={onCustomBgPress}\n                /> */}\n            </View>\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    header: {\n        marginTop: rpx(36),\n        paddingLeft: rpx(24),\n    },\n    sectionWrapper: {\n        marginTop: rpx(28),\n        flexDirection: \"row\",\n        flexWrap: \"wrap\",\n        paddingHorizontal: rpx(24),\n    },\n});\n"
  },
  {
    "path": "src/pages/setting/settingTypes/themeSetting/index.tsx",
    "content": "import React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport Mode from \"./mode\";\nimport Background from \"./background\";\nimport { ScrollView } from \"react-native-gesture-handler\";\n\nexport default function ThemeSetting() {\n    return (\n        <ScrollView style={style.wrapper}>\n            <Mode />\n            <Background />\n        </ScrollView>\n    );\n}\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: \"100%\",\n        marginVertical: rpx(24),\n    },\n});\n"
  },
  {
    "path": "src/pages/setting/settingTypes/themeSetting/logoCard.tsx",
    "content": "import React from \"react\";\nimport { Image, Pressable, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport useColors from \"@/hooks/useColors\";\nimport ThemeText from \"@/components/base/themeText\";\n\ninterface ILogoCardProps {\n    selected?: boolean;\n    logo: number;\n    onPress?: () => void;\n    title?: string;\n}\nexport default function LogoCard(props: ILogoCardProps) {\n    const { selected, logo, onPress, title } = props;\n\n    const colors = useColors();\n\n    return (\n        <View>\n            <Pressable\n                onPress={onPress}\n                style={[\n                    styles.borderContainer,\n                    selected\n                        ? {\n                            borderWidth: 2,\n                            borderStyle: \"solid\",\n                            borderColor: colors.primary,\n                        }\n                        : null,\n                ]}>\n                <View style={styles.imageContainer}>\n                    <Image style={styles.image} source={logo} />\n                </View>\n            </Pressable>\n            <ThemeText\n                numberOfLines={1}\n                fontSize=\"subTitle\"\n                style={styles.title}\n                fontColor={selected ? \"primary\" : \"text\"}>\n                {title}\n            </ThemeText>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    borderContainer: {\n        width: rpx(160),\n        height: rpx(160),\n        borderRadius: rpx(22),\n        marginRight: rpx(24),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n    imageContainer: {\n        width: rpx(136),\n        height: rpx(136),\n        borderRadius: rpx(12),\n    },\n    title: {\n        textAlign: \"center\",\n        marginTop: rpx(12),\n        width: rpx(160),\n    },\n    image: {\n        width: \"100%\",\n        height: \"100%\",\n        borderRadius: rpx(12),\n    },\n});\n"
  },
  {
    "path": "src/pages/setting/settingTypes/themeSetting/mode.tsx",
    "content": "import React from \"react\";\r\nimport { Appearance, StyleSheet, View } from \"react-native\";\r\nimport rpx from \"@/utils/rpx\";\r\nimport ThemeText from \"@/components/base/themeText\";\r\nimport ListItem from \"@/components/base/listItem\";\r\nimport ThemeSwitch from \"@/components/base/switch\";\r\nimport Config, { useAppConfig } from \"@/core/appConfig\";\r\nimport Theme from \"@/core/theme\";\r\nimport { useI18N } from \"@/core/i18n\";\r\n\r\nexport default function Mode() {\r\n    const { t } = useI18N();\r\n    const mode = useAppConfig(\"theme.followSystem\") ?? false;\r\n    return (\r\n        <View>\r\n            <ThemeText\r\n                fontSize=\"subTitle\"\r\n                fontWeight=\"bold\"\r\n                style={styles.header}>\r\n                {t(\"themeSettings.displayStyle\")}\r\n            </ThemeText>\r\n            <View style={styles.sectionWrapper}>\r\n                <ListItem withHorizontalPadding>\r\n                    <ListItem.Content>\r\n                        <View style={styles.itemRow}>\r\n                            <ThemeText>{t(\"themeSettings.followSystemTheme\")}</ThemeText>\r\n                            <ThemeSwitch\r\n                                value={mode}\r\n                                onValueChange={e => {\r\n                                    if (e) {\r\n                                        const colorScheme =\r\n                                            Appearance.getColorScheme();\r\n                                        if (colorScheme === \"dark\") {\r\n                                            Theme.setTheme(\"p-dark\");\r\n                                        } else if (colorScheme === \"light\") {\r\n                                            Theme.setTheme(\"p-light\");\r\n                                        }\r\n                                    }\r\n                                    Config.setConfig(\"theme.followSystem\", e);\r\n                                }}\r\n                            />\r\n                        </View>\r\n                    </ListItem.Content>\r\n                </ListItem>\r\n            </View>\r\n        </View>\r\n    );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n    header: {\r\n        paddingLeft: rpx(24),\r\n        marginTop: rpx(36),\r\n    },\r\n    sectionWrapper: {\r\n        marginTop: rpx(24),\r\n    },\r\n    itemRow: {\r\n        flexDirection: \"row\",\r\n        justifyContent: \"space-between\",\r\n        alignItems: \"center\",\r\n    },\r\n});\r\n"
  },
  {
    "path": "src/pages/setting/settingTypes/themeSetting/themeCard.tsx",
    "content": "import React from \"react\";\nimport { Pressable, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport useColors from \"@/hooks/useColors\";\nimport ThemeText from \"@/components/base/themeText\";\nimport Image from \"@/components/base/image\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\n\ninterface IThemeCardProps {\n    selected?: boolean;\n    preview?: string;\n    onPress?: () => void;\n    title?: string;\n}\nexport default function ThemeCard(props: IThemeCardProps) {\n    const { selected, preview, onPress, title } = props;\n\n    const isPreviewColor = preview?.startsWith(\"#\") ? true : false;\n\n    const colors = useColors();\n\n    return (\n        <View>\n            <Pressable\n                onPress={onPress}\n                style={[\n                    styles.borderContainer,\n                    selected\n                        ? {\n                            borderWidth: 2,\n                            borderStyle: \"solid\",\n                            borderColor: colors.primary,\n                        }\n                        : null,\n                ]}>\n                <View\n                    style={[\n                        styles.container,\n                        isPreviewColor\n                            ? {\n                                backgroundColor: preview,\n                            }\n                            : null,\n                    ]}>\n                    {isPreviewColor ? null : (\n                        <Image\n                            style={styles.image}\n                            uri={preview}\n                            emptySrc={ImgAsset.add}\n                        />\n                    )}\n                </View>\n            </Pressable>\n            <ThemeText\n                numberOfLines={1}\n                fontSize=\"subTitle\"\n                style={styles.title}\n                fontColor={selected ? \"primary\" : \"text\"}>\n                {title}\n            </ThemeText>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    borderContainer: {\n        width: rpx(160),\n        height: rpx(160),\n        borderRadius: rpx(22),\n        marginRight: rpx(24),\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n    container: {\n        width: rpx(136),\n        height: rpx(136),\n        borderRadius: rpx(12),\n    },\n    title: {\n        textAlign: \"center\",\n        marginTop: rpx(12),\n        width: rpx(160),\n    },\n    image: {\n        width: \"100%\",\n        height: \"100%\",\n        borderRadius: rpx(12),\n    },\n});\n"
  },
  {
    "path": "src/pages/sheetDetail/components/header.tsx",
    "content": "import FastImage from \"@/components/base/fastImage\";\nimport PlayAllBar from \"@/components/base/playAllBar\";\nimport ThemeText from \"@/components/base/themeText\";\nimport { ImgAsset } from \"@/constants/assetsConst\";\nimport { useI18N } from \"@/core/i18n\";\nimport { useSheetItem } from \"@/core/musicSheet\";\nimport { useParams } from \"@/core/router\";\nimport useColors from \"@/hooks/useColors\";\nimport rpx from \"@/utils/rpx\";\nimport React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\n\nexport default function Header() {\n    const { id = \"favorite\" } = useParams<\"local-sheet-detail\">();\n    const sheet = useSheetItem(id);\n    const colors = useColors();\n    const { t } = useI18N();\n\n    return (\n        <View style={{ backgroundColor: colors.card }}>\n            <View style={style.content}>\n                <FastImage\n                    style={style.coverImg}\n                    source={sheet?.coverImg}\n                    placeholderSource={ImgAsset.albumDefault}\n                />\n                <View style={style.details}>\n                    <ThemeText fontSize=\"title\" numberOfLines={3}>\n                        {sheet?.title}\n                    </ThemeText>\n                    <ThemeText fontColor=\"textSecondary\" fontSize=\"subTitle\">\n                        {t(\"sheetDetail.totalMusicCount\", {\n                            count: sheet?.musicList?.length ?? 0,\n                        })}\n                    </ThemeText>\n                </View>\n            </View>\n            <PlayAllBar musicList={sheet?.musicList} musicSheet={sheet} />\n        </View>\n    );\n}\n\nconst style = StyleSheet.create({\n    content: {\n        width: \"100%\",\n        height: rpx(300),\n        paddingHorizontal: rpx(24),\n        flexDirection: \"row\",\n        justifyContent: \"flex-start\",\n        alignItems: \"center\",\n    },\n    coverImg: {\n        width: rpx(210),\n        height: rpx(210),\n        borderRadius: rpx(24),\n    },\n    details: {\n        paddingHorizontal: rpx(36),\n        flex: 1,\n        height: rpx(140),\n        justifyContent: \"space-between\",\n        gap: rpx(14),\n    },\n});\n"
  },
  {
    "path": "src/pages/sheetDetail/components/navBar.tsx",
    "content": "import AppBar from \"@/components/base/appBar\";\r\nimport { showDialog } from \"@/components/dialogs/useDialog\";\r\nimport { showPanel } from \"@/components/panels/usePanel.ts\";\r\nimport { SortType } from \"@/constants/commonConst.ts\";\r\nimport { useI18N } from \"@/core/i18n\";\r\nimport MusicSheet, { useSheetItem } from \"@/core/musicSheet\";\r\nimport { ROUTE_PATH, useParams } from \"@/core/router\";\r\nimport { default as Toast, default as toast } from \"@/utils/toast\";\r\nimport { useNavigation } from \"@react-navigation/native\";\r\nimport React from \"react\";\r\n\r\nexport default function () {\r\n    const navigation = useNavigation<any>();\r\n    const { id = \"favorite\" } = useParams<\"local-sheet-detail\">();\r\n    const musicSheet = useSheetItem(id);\r\n    const { t } = useI18N();\r\n\r\n    return (\r\n        <>\r\n            <AppBar\r\n                menu={[\r\n                    {\r\n                        icon: \"pencil-outline\",\r\n                        title: t(\"sheetDetail.editSheetInfo\"),\r\n                        onPress() {\r\n                            showPanel(\"EditMusicSheetInfo\", {\r\n                                musicSheet: musicSheet,\r\n                            });\r\n                        },\r\n                    },\r\n                    {\r\n                        icon: \"pencil-square\",\r\n                        title: t(\"sheetDetail.batchEditMusic\"),\r\n                        onPress() {\r\n                            navigation.navigate(ROUTE_PATH.MUSIC_LIST_EDITOR, {\r\n                                musicList: musicSheet.musicList,\r\n                                musicSheet: musicSheet,\r\n                            });\r\n                        },\r\n                    },\r\n                    {\r\n                        icon: \"sort-outline\",\r\n                        title: t(\"sheetDetail.sortMusic\"),\r\n                        onPress() {\r\n                            showDialog(\"RadioDialog\", {\r\n                                content: [\r\n                                    {\r\n                                        value: SortType.Title,\r\n                                        label: t(\"sheetDetail.sortMusicOption.byTitle\"),\r\n                                    },\r\n                                    {\r\n                                        value: SortType.Artist,\r\n                                        label: t(\"sheetDetail.sortMusicOption.byArtist\"),\r\n                                    },\r\n                                    {\r\n                                        value: SortType.Album,\r\n                                        label: t(\"sheetDetail.sortMusicOption.byAlbum\"),\r\n                                    },\r\n                                    {\r\n                                        value: SortType.Newest,\r\n                                        label: t(\"sheetDetail.sortMusicOption.newest\"),\r\n                                    },\r\n                                    {\r\n                                        value: SortType.Oldest,\r\n                                        label: t(\"sheetDetail.sortMusicOption.oldest\"),\r\n                                    },\r\n                                ],\r\n                                defaultSelected:\r\n                                    MusicSheet.getSheetMeta(id, \"sort\") ||\r\n                                    SortType.None,\r\n                                title: t(\"sheetDetail.sortMusic\"),\r\n                                async onOk(value) {\r\n                                    await MusicSheet.setSortType(\r\n                                        id,\r\n                                        value as SortType,\r\n                                    );\r\n                                    toast.success(t(\"toast.sortHasBeenUpdated\"));\r\n                                },\r\n                            });\r\n                        },\r\n                    },\r\n                    {\r\n                        icon: \"trash-outline\",\r\n                        title: t(\"sheetDetail.deleteSheet\"),\r\n                        show: id !== \"favorite\",\r\n                        onPress() {\r\n                            showDialog(\"SimpleDialog\", {\r\n                                title: t(\"sheetDetail.deleteSheet\"),\r\n                                content: t(\"sheetDetail.deleteSheetContent\", {\r\n                                    name: musicSheet.title,\r\n                                }),\r\n                                onOk: async () => {\r\n                                    await MusicSheet.removeSheet(id);\r\n                                    Toast.success(t(\"toast.deleteSuccess\"));\r\n                                    navigation.goBack();\r\n                                },\r\n                            });\r\n                        },\r\n                    },\r\n                ]}\r\n                actions={[\r\n                    {\r\n                        icon: \"magnifying-glass\",\r\n                        onPress() {\r\n                            navigation.navigate(ROUTE_PATH.SEARCH_MUSIC_LIST, {\r\n                                musicList: musicSheet?.musicList,\r\n                                musicSheet: musicSheet,\r\n                            });\r\n                        },\r\n                    },\r\n                ]}>\r\n                {t(\"common.sheet\")}\r\n            </AppBar>\r\n        </>\r\n    );\r\n}\r\n"
  },
  {
    "path": "src/pages/sheetDetail/components/sheetMusicList.tsx",
    "content": "import React from \"react\";\nimport Header from \"./header\";\nimport MusicList from \"@/components/musicList\";\nimport { useParams } from \"@/core/router\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport { useSheetItem } from \"@/core/musicSheet\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\nimport { useCurrentMusic } from \"@/core/trackPlayer\";\n\nexport default function SheetMusicList() {\n    const { id = \"favorite\" } = useParams<\"local-sheet-detail\">();\n    const musicSheet = useSheetItem(id);\n    const currentMusic = useCurrentMusic();\n\n    return (\n        <HorizontalSafeAreaView style={globalStyle.flex1}>\n            <MusicList\n                Header={<Header />}\n                musicList={musicSheet?.musicList}\n                musicSheet={musicSheet}\n                showIndex\n                state={RequestStateCode.IDLE}\n                highlightMusicItem={currentMusic}\n\n            />\n        </HorizontalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/pages/sheetDetail/index.tsx",
    "content": "import React from \"react\";\nimport NavBar from \"./components/navBar\";\nimport MusicBar from \"@/components/musicBar\";\nimport SheetMusicList from \"./components/sheetMusicList\";\nimport StatusBar from \"@/components/base/statusBar\";\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\nimport globalStyle from \"@/constants/globalStyle\";\n\nexport default function SheetDetail() {\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <StatusBar />\n            <NavBar />\n            <SheetMusicList />\n            <MusicBar />\n        </VerticalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/pages/topList/components/boardPanel.tsx",
    "content": "import React, { memo } from \"react\";\nimport { SectionList, SectionListProps, StyleSheet, View } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport { IPluginTopListResult } from \"../store/atoms\";\nimport { RequestStateCode } from \"@/constants/commonConst\";\nimport Loading from \"@/components/base/loading\";\nimport TopListItem from \"@/components/mediaItem/topListItem\";\nimport ThemeText from \"@/components/base/themeText\";\nimport ListEmpty from \"@/components/base/listEmpty\";\n\ninterface IBoardPanelProps {\n    hash: string;\n    topListData: IPluginTopListResult;\n}\nfunction BoardPanel(props: IBoardPanelProps) {\n    const { hash, topListData } = props ?? {};\n\n    const renderItem: SectionListProps<IMusic.IMusicSheetItemBase>[\"renderItem\"] =\n        ({ item }) => {\n            return <TopListItem topListItem={item} pluginHash={hash} />;\n        };\n\n    const renderSectionHeader: SectionListProps<IMusic.IMusicSheetItemBase>[\"renderSectionHeader\"] =\n        ({ section: { title } }) => {\n            return (\n                <View style={style.sectionHeader}>\n                    <ThemeText fontWeight=\"bold\" fontSize=\"title\">\n                        {title}\n                    </ThemeText>\n                </View>\n            );\n        };\n\n    return topListData?.state !== RequestStateCode.FINISHED ? (\n        <Loading />\n    ) : (\n        <SectionList\n            renderItem={renderItem}\n            renderSectionHeader={renderSectionHeader}\n            ListEmptyComponent={<ListEmpty state={topListData?.state} />}\n            sections={topListData?.data || []}\n        />\n    );\n}\n\nexport default memo(\n    BoardPanel,\n    (prev, curr) => prev.topListData === curr.topListData,\n);\n\nconst style = StyleSheet.create({\n    wrapper: {\n        width: rpx(750),\n    },\n    sectionHeader: {\n        marginTop: rpx(28),\n        marginBottom: rpx(24),\n        marginLeft: rpx(24),\n    },\n});\n"
  },
  {
    "path": "src/pages/topList/components/boardPanelWrapper.tsx",
    "content": "import React, { useEffect, useMemo } from \"react\";\nimport useGetTopList from \"../hooks/useGetTopList\";\nimport { useAtomValue } from \"jotai\";\nimport { pluginsTopListAtom } from \"../store/atoms\";\nimport BoardPanel from \"./boardPanel\";\n\ninterface IBoardPanelProps {\n    hash: string;\n}\nexport default function BoardPanelWrapper(props: IBoardPanelProps) {\n    const { hash } = props ?? {};\n    const topLists = useAtomValue(pluginsTopListAtom);\n    const getTopList = useGetTopList();\n    const topListData = useMemo(() => topLists[hash], [topLists]);\n\n    useEffect(() => {\n        getTopList(hash);\n    }, []);\n\n    return <BoardPanel topListData={topListData} hash={hash} />;\n}\n"
  },
  {
    "path": "src/pages/topList/components/topListBody.tsx",
    "content": "import React, { useCallback, useState } from \"react\";\nimport { StyleSheet, Text } from \"react-native\";\nimport rpx from \"@/utils/rpx\";\nimport PluginManager from \"@/core/pluginManager\";\nimport { TabBar, TabView } from \"react-native-tab-view\";\nimport { fontWeightConst } from \"@/constants/uiConst\";\nimport BoardPanelWrapper from \"./boardPanelWrapper\";\nimport useColors from \"@/hooks/useColors\";\nimport NoPlugin from \"@/components/base/noPlugin\";\nimport i18n from \"@/core/i18n\";\n\nexport default function TopListBody() {\n    const routes = PluginManager.getSortedPluginsWithAbility(\"getTopLists\").map(_ => ({\n        key: _.hash,\n        title: _.name,\n    }));\n    const [index, setIndex] = useState(0);\n    const colors = useColors();\n\n    const renderScene = useCallback(\n        (props: { route: { key: string } }) => (\n            <BoardPanelWrapper hash={props?.route?.key} />\n        ),\n        [],\n    );\n    if (!routes?.length) {\n        return <NoPlugin notSupportType={i18n.t(\"topList.title\")} />;\n    }\n\n    return (\n        <TabView\n            lazy\n            navigationState={{\n                index,\n                routes,\n            }}\n            renderTabBar={props => (\n                <TabBar\n                    {...props}\n                    style={styles.tabBarStyle}\n                    tabStyle={styles.tabStyle}\n                    scrollEnabled\n                    inactiveColor={colors.text}\n                    activeColor={colors.primary}\n                    renderLabel={({ route, focused, color }) => (\n                        <Text\n                            numberOfLines={1}\n                            style={{\n                                width: rpx(160),\n                                fontWeight: focused\n                                    ? fontWeightConst.bolder\n                                    : fontWeightConst.medium,\n                                color,\n                                textAlign: \"center\",\n                            }}>\n                            {route.title}\n                        </Text>\n                    )}\n                    indicatorStyle={{\n                        backgroundColor: colors.primary,\n                        height: rpx(4),\n                    }}\n                />\n            )}\n            renderScene={renderScene}\n            onIndexChange={setIndex}\n            initialLayout={{ width: rpx(750) }}\n        />\n    );\n}\n\nconst styles = StyleSheet.create({\n    tabBarStyle: {\n        backgroundColor: \"transparent\",\n        shadowColor: \"transparent\",\n        borderColor: \"transparent\",\n    },\n    tabStyle: {\n        width: \"auto\",\n    },\n});\n"
  },
  {
    "path": "src/pages/topList/hooks/useGetTopList.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport PluginManager from \"@/core/pluginManager\";\nimport { produce } from \"immer\";\nimport { useAtom } from \"jotai\";\nimport { useCallback } from \"react\";\nimport { pluginsTopListAtom } from \"../store/atoms\";\n\nexport default function useGetTopList() {\n    const [pluginsTopList, setPluginsTopList] = useAtom(pluginsTopListAtom);\n\n    const getTopList = useCallback(\n        async (pluginHash: string) => {\n            try {\n                // 有数据/加载中直接返回\n                if (\n                    pluginsTopList[pluginHash]?.data?.length ||\n                    pluginsTopList[pluginHash]?.state ===\n                        RequestStateCode.PENDING_REST_PAGE\n                ) {\n                    return;\n                }\n                // 获取plugin\n                const plugin = PluginManager.getByHash(pluginHash);\n                if (!plugin) {\n                    return;\n                }\n\n                setPluginsTopList(\n                    produce(draft => {\n                        draft[pluginHash] = {\n                            state: RequestStateCode.PENDING_REST_PAGE,\n                            data: [],\n                        };\n                    }),\n                );\n                const result = await plugin?.methods?.getTopLists();\n                setPluginsTopList(\n                    produce(draft => {\n                        draft[pluginHash] = {\n                            data: result,\n                            state: RequestStateCode.FINISHED,\n                        };\n                    }),\n                );\n            } catch {\n                setPluginsTopList(\n                    produce(draft => {\n                        draft[pluginHash].state = RequestStateCode.ERROR;\n                    }),\n                );\n            }\n        },\n        [pluginsTopList],\n    );\n\n    return getTopList;\n}\n"
  },
  {
    "path": "src/pages/topList/index.tsx",
    "content": "import React from \"react\";\nimport TopListBody from \"./components/topListBody\";\nimport MusicBar from \"@/components/musicBar\";\nimport VerticalSafeAreaView from \"@/components/base/verticalSafeAreaView\";\nimport globalStyle from \"@/constants/globalStyle\";\nimport HorizontalSafeAreaView from \"@/components/base/horizontalSafeAreaView.tsx\";\nimport AppBar from \"@/components/base/appBar\";\nimport { useI18N } from \"@/core/i18n\";\n\nexport default function TopList() {\n    const { t } = useI18N();\n\n    return (\n        <VerticalSafeAreaView style={globalStyle.fwflex1}>\n            <AppBar withStatusBar>{t(\"topList.title\")}</AppBar>\n            <HorizontalSafeAreaView style={globalStyle.flex1}>\n                <TopListBody />\n            </HorizontalSafeAreaView>\n            <MusicBar />\n        </VerticalSafeAreaView>\n    );\n}\n"
  },
  {
    "path": "src/pages/topList/store/atoms.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport { atom } from \"jotai\";\n\nexport interface IPluginTopListResult {\n    state: RequestStateCode;\n    data: IMusic.IMusicSheetGroupItem[];\n}\n\nconst pluginsTopListAtom = atom<Record<string, IPluginTopListResult>>({});\n\nexport { pluginsTopListAtom };\n"
  },
  {
    "path": "src/pages/topListDetail/hooks/useTopListDetail.ts",
    "content": "import { RequestStateCode } from \"@/constants/commonConst\";\nimport PluginManager from \"@/core/pluginManager\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport default function useTopListDetail(\n    topListItem: IMusic.IMusicSheetItemBase | null,\n    pluginHash: string,\n) {\n    const [mergedTopListItem, setMergedTopListItem] =\n        useState<ICommon.WithMusicList<IMusic.IMusicSheetItemBase> | null>(\n            topListItem,\n        );\n\n    const pageRef = useRef(1);\n\n    const [requestState, setRequestState] = useState(RequestStateCode.IDLE);\n\n    async function loadMore() {\n        if (!topListItem) {\n            return;\n        }\n        try {\n            if (\n                requestState === RequestStateCode.PENDING_FIRST_PAGE ||\n                requestState === RequestStateCode.PENDING_REST_PAGE ||\n                requestState === RequestStateCode.FINISHED\n            ) {\n                return;\n            }\n            if (pageRef.current === 1) {\n                setRequestState(RequestStateCode.PENDING_FIRST_PAGE);\n            } else {\n                setRequestState(RequestStateCode.PENDING_REST_PAGE);\n            }\n            const result = await PluginManager.getByHash(\n                pluginHash,\n            )?.methods?.getTopListDetail(topListItem, pageRef.current);\n            if (!result) {\n                throw new Error();\n            }\n            const currentPage = pageRef.current;\n            setMergedTopListItem(\n                prev =>\n                    ({\n                        ...prev,\n                        ...result.topListItem,\n                        musicList:\n                            currentPage === 1\n                                ? result.musicList ?? []\n                                : [\n                                    ...(prev?.musicList ?? []),\n                                    ...(result.musicList ?? []),\n                                ],\n                    } as IMusic.IMusicSheetItem),\n            );\n\n            if (result.isEnd === false) {\n                setRequestState(RequestStateCode.PARTLY_DONE);\n            } else {\n                setRequestState(RequestStateCode.FINISHED);\n            }\n            pageRef.current++;\n        } catch {\n            setRequestState(RequestStateCode.ERROR);\n        }\n    }\n\n    useEffect(() => {\n        if (topListItem === null) {\n            return;\n        }\n        loadMore();\n    }, []);\n    return [mergedTopListItem, requestState, loadMore] as const;\n}\n"
  },
  {
    "path": "src/pages/topListDetail/index.tsx",
    "content": "import MusicSheetPage from \"@/components/musicSheetPage\";\nimport { useI18N } from \"@/core/i18n\";\nimport { useParams } from \"@/core/router\";\nimport React from \"react\";\nimport useTopListDetail from \"./hooks/useTopListDetail\";\n\nexport default function TopListDetail() {\n    const { pluginHash, topList } = useParams<\"top-list-detail\">();\n    const [topListDetail, state, loadMore] = useTopListDetail(\n        topList,\n        pluginHash,\n    );\n    const { t } = useI18N();\n\n    return (\n        <MusicSheetPage\n            navTitle={t(\"topList.title\")}\n            sheetInfo={topListDetail}\n            state={state}\n            onLoadMore={loadMore}\n            onRetry={loadMore}\n        />\n    );\n}\n"
  },
  {
    "path": "src/service/index.ts",
    "content": "import Config from \"@/core/appConfig\";\nimport RNTrackPlayer, { Event, State } from \"react-native-track-player\";\nimport TrackPlayer from \"@/core/trackPlayer\";\nimport { musicIsPaused } from \"@/utils/trackUtils\";\nimport PersistStatus from \"@/utils/persistStatus\";\n\nlet resumeState: State | null;\nmodule.exports = async function () {\n    RNTrackPlayer.addEventListener(Event.RemotePlay, () => TrackPlayer.play());\n    RNTrackPlayer.addEventListener(Event.RemotePause, () =>\n        TrackPlayer.pause(),\n    );\n    RNTrackPlayer.addEventListener(Event.RemotePrevious, () =>\n        TrackPlayer.skipToPrevious(),\n    );\n    RNTrackPlayer.addEventListener(Event.RemoteNext, () =>\n        TrackPlayer.skipToNext(),\n    );\n    RNTrackPlayer.addEventListener(\n        Event.RemoteDuck,\n        async ({ paused, permanent }) => {\n            if (Config.getConfig(\"basic.notInterrupt\")) {\n                return;\n            }\n            if (permanent) {\n                return TrackPlayer.pause();\n            }\n            const tempRemoteDuckConf = Config.getConfig(\n                \"basic.tempRemoteDuck\",\n            );\n            if (tempRemoteDuckConf === \"lowerVolume\") {\n                if (paused) {\n                    const tempRemoteDuckVolume = Config.getConfig(\n                        \"basic.tempRemoteDuckVolume\",\n                    ) ?? 0.5;\n                    return RNTrackPlayer.setVolume(1 - tempRemoteDuckVolume);\n                } else {\n                    return RNTrackPlayer.setVolume(1);\n                }\n            } else {\n                if (paused) {\n                    resumeState =\n                        (await RNTrackPlayer.getPlaybackState()).state ??\n                        State.Paused;\n                    return TrackPlayer.pause();\n                } else {\n                    if (resumeState && !musicIsPaused(resumeState)) {\n                        resumeState = null;\n                        return TrackPlayer.play();\n                    }\n                    resumeState = null;\n                }\n            }\n        },\n    );\n\n\n    RNTrackPlayer.addEventListener(Event.PlaybackProgressUpdated, evt => {\n        PersistStatus.set(\"music.progress\", evt.position);\n    });\n\n    RNTrackPlayer.addEventListener(Event.RemoteStop, async () => {\n        RNTrackPlayer.stop();\n    });\n\n    RNTrackPlayer.addEventListener(Event.RemoteSeek, async evt => {\n        TrackPlayer.seekTo(evt.position);\n    });\n};\n"
  },
  {
    "path": "src/types/album.d.ts",
    "content": "declare namespace IAlbum {\n    export interface IAlbumItemBase extends ICommon.IMediaBase {\n        artwork?: string;\n        title: string;\n        date?: string;\n        artist?: string;\n        description: string;\n        /** 专辑内有多少作品 */\n        worksNum?: number;\n    }\n\n    export interface IAlbumItem extends IAlbumItemBase {\n        musicList: IMusic.IMusicItem[];\n    }\n}\n"
  },
  {
    "path": "src/types/artist.d.ts",
    "content": "declare namespace IArtist {\n    export interface IArtistItemBase extends ICommon.IMediaBase {\n        name: string;\n        id: string;\n        fans?: number;\n        description?: string;\n        platform: string;\n        avatar: string;\n        worksNum: number;\n    }\n    export interface IArtistItem extends IArtistItemBase {\n        musicList: IMusic.IMusicItemBase;\n        albumList: IAlbum.IAlbumItemBase;\n        [k: string]: any;\n    }\n\n    export type ArtistMediaType = IArtist.ArtistMediaType;\n}\n"
  },
  {
    "path": "src/types/common.d.ts",
    "content": "declare namespace ICommon {\n    /** 支持搜索的媒体类型 */\n    export type SupportMediaType =\n        | \"music\"\n        | \"album\"\n        | \"artist\"\n        | \"sheet\"\n        | \"lyric\";\n\n    /** 媒体定义 */\n    export type SupportMediaItemBase = {\n        music: IMusic.IMusicItemBase;\n        album: IAlbum.IAlbumItemBase;\n        artist: IArtist.IArtistItemBase;\n        sheet: IMusic.IMusicSheetItemBase;\n        lyric: ILyric.ILyricItem;\n    };\n\n    export type IUnique = {\n        id: string;\n        [k: string | symbol]: any;\n    };\n\n    export type IMediaBase = {\n        id: string;\n        platform: string;\n        $?: any;\n        [k: symbol]: any;\n        [k: string]: any;\n    };\n\n    /** 一些额外信息 */\n    export type IMediaMeta = {\n        /** 关联歌词信息 */\n        associatedLrc?: IMediaBase;\n        /** 是否下载过 TODO: 删去 */\n        downloaded?: boolean;\n        /** 本地下载路径 */\n        localPath?: string;\n        /** 补充的音乐信息 */\n        mediaItem?: Partial<IMediaBase>;\n        /** 歌词偏移 */\n        lyricOffset?: number;\n\n        lrc?: string;\n        headers?: Record<string, any>;\n        url?: string;\n        id?: string;\n        platform?: string;\n        qualities?: IMusic.IQuality;\n        $?: {\n            local?: {\n                localLrc?: string;\n                [k: string]: any;\n            };\n            [k: string]: any;\n        };\n        [k: string]: any;\n        [k: symbol]: any;\n    };\n\n    export type WithMusicList<T> = T & {\n        musicList?: IMusic.IMusicItem[];\n    };\n\n    export type PaginationResponse<T> = {\n        isEnd?: boolean;\n        data?: T[];\n    };\n\n    export interface IPoint {\n        x: number;\n        y: number;\n    }\n}\n"
  },
  {
    "path": "src/types/core/config.d.ts",
    "content": "import type { ResumeMode, SortType } from \"@/constants/commonConst.ts\";\r\nimport type { CustomizedColors } from \"@/hooks/useColors\";\r\n\r\nexport interface IAppConfigProperties {\r\n    $schema: \"2\";\r\n    // Basic\r\n    \"basic.autoPlayWhenAppStart\": boolean;\r\n    \"basic.useCelluarNetworkPlay\": boolean;\r\n    \"basic.useCelluarNetworkDownload\": boolean;\r\n    \"basic.maxDownload\": number;\r\n    \"basic.clickMusicInSearch\": \"playMusic\" | \"playMusicAndReplace\";\r\n    \"basic.clickMusicInAlbum\": \"playAlbum\" | \"playMusic\";\r\n    \"basic.downloadPath\": string;\r\n    \"basic.notInterrupt\": boolean;\r\n    \"basic.tempRemoteDuck\": \"pause\" | \"lowerVolume\";\r\n    \"basic.tempRemoteDuckVolume\": 0.3 | 0.5 | 0.8;\r\n    \"basic.autoStopWhenError\": boolean;\r\n    \"basic.pluginCacheControl\": string;\r\n    \"basic.maxCacheSize\": number;\r\n    \"basic.defaultPlayQuality\": IMusic.IQualityKey;\r\n    \"basic.playQualityOrder\": \"asc\" | \"desc\";\r\n    \"basic.defaultDownloadQuality\": IMusic.IQualityKey;\r\n    \"basic.downloadQualityOrder\": \"asc\" | \"desc\";\r\n    \"basic.musicDetailDefault\": \"album\" | \"lyric\";\r\n    \"basic.musicDetailAwake\": boolean;\r\n    \"basic.maxHistoryLen\": number;\r\n    \"basic.autoUpdatePlugin\": boolean;\r\n    \"basic.notCheckPluginVersion\": boolean;\r\n    \"basic.lazyLoadPlugin\": boolean;\r\n    \"basic.associateLyricType\": \"input\" | \"search\";\r\n    \"basic.showExitOnNotification\": boolean;\r\n    \"basic.musicOrderInLocalSheet\": SortType;\r\n    \"basic.tryChangeSourceWhenPlayFail\": boolean;\r\n\r\n    // Lyric\r\n    \"lyric.showStatusBarLyric\": boolean;\r\n    \"lyric.topPercent\": number;\r\n    \"lyric.leftPercent\": number;\r\n    \"lyric.align\": number;\r\n    \"lyric.color\": string;\r\n    \"lyric.backgroundColor\": string;\r\n    \"lyric.widthPercent\": number;\r\n    \"lyric.fontSize\": number;\r\n    \"lyric.detailFontSize\": number;\r\n    \"lyric.autoSearchLyric\": boolean;\r\n\r\n    // Theme\r\n    \"theme.background\": string;\r\n    \"theme.backgroundOpacity\": number;\r\n    \"theme.backgroundBlur\": number;\r\n    \"theme.colors\": CustomizedColors;\r\n    \"theme.customColors\"?: CustomizedColors;\r\n    \"theme.followSystem\": boolean;\r\n    \"theme.selectedTheme\": string;\r\n\r\n    // Backup\r\n    \"backup.resumeMode\": ResumeMode;\r\n\r\n    // Plugin\r\n    \"plugin.subscribeUrl\": string;\r\n\r\n    // WebDAV\r\n    \"webdav.url\": string;\r\n    \"webdav.username\": string;\r\n    \"webdav.password\": string;\r\n\r\n    // Debug（保持嵌套结构）\r\n    \"debug.errorLog\": boolean;\r\n    \"debug.traceLog\": boolean;\r\n    \"debug.devLog\": boolean;\r\n}\r\n\r\nexport type AppConfigPropertyKey = keyof IAppConfigProperties;\r\n\r\nexport interface IAppConfig<T extends IAppConfigProperties = IAppConfigProperties> {\r\n    setup(): Promise<void>;\r\n\r\n    setConfig<K extends keyof T>(key: K, value?: T[K]): void;\r\n\r\n    getConfig<K extends keyof T>(key: K): T[K] | undefined;\r\n}"
  },
  {
    "path": "src/types/core/i18n/index.d.ts",
    "content": "// 国际化语言数据接口定义\nexport interface ILanguageData {\n    // 通用词汇\n    \"common.setting\": string; // 设置\n    \"common.software\": string; // 软件\n    \"common.language\": string; // 语言\n    \"common.theme\": string; // 主题\n    \"common.other\": string; // 其他\n    \"common.cancel\": string; // 取消\n    \"common.about\": string; // 关于\n    \"common.batchEdit\": string; // 批量编辑\n    \"common.selectAll\": string; // 全选\n    \"common.unselectAll\": string; // 全不选\n    \"common.save\": string; // 保存\n    \"common.download\": string; // 下载\n    \"common.play\": string; // 播放\n    \"common.delete\": string; // 删除\n    \"common.unknownName\": string; // 未知名称\n    \"common.default\": string; // 默认\n    \"common.search\": string; // 搜索\n    \"common.clear\": string; // 清除\n    \"common.singleMusic\": string; // 单曲\n    \"common.album\": string; // 专辑\n    \"common.artist\": string; // 艺术家\n    \"common.sheet\": string; // 歌单\n    \"common.done\": string; // 完成\n    \"common.edit\": string; // 编辑\n    \"common.local\": string; // 本地\n    \"common.sure\": string; // 确定\n    \"common.confirm\": string; // 确认\n    \"common.view\": string; // 查看\n    \"common.open\": string; // 打开\n    \"common.username\": string; // 用户名\n    \"common.password\": string; // 密码\n    \"common.cover\": string; // 封面\n    \"common.name\": string; // 名称\n    \"common.comment\": string; // 评论\n    \"common.emptyList\": string; // 空列表\n    \"common.loading\": string; // 加载中\n    \"common.error\": string; // 出错\n    \"common.clickToRetry\": string; // 点击重试\n    \"common.failToLoad\": string; // 加载失败\n    \"common.listReachEnd\": string; // 列表到底\n\n    // 侧边栏相关\n    \"sidebar.basicSettings\": string; // 基本设置\n    \"sidebar.pluginManagement\": string; // 插件管理\n    \"sidebar.themeSettings\": string; // 主题设置\n    \"sidebar.scheduleClose\": string; // 定时关闭\n    \"sidebar.backupAndResume\": string; // 备份与恢复\n    \"sidebar.permissionManagement\": string; // 权限管理\n    \"sidebar.checkUpdate\": string; // 检查更新\n    \"sidebar.currentVersion\": string; // 当前版本\n    \"sidebar.backToDesktop\": string; // 返回桌面\n    \"sidebar.exitApp\": string; // 退出应用\n    \"sidebar.languageSettings\": string; // 语言设置\n\n    // 检查更新相关\n    \"checkUpdate.error.latestVersion\": string; // 当前已是最新版本\n\n    // 首页相关\n    \"home.recommendSheet\": string; // 推荐歌单\n    \"home.topList\": string; // 榜单\n    \"home.playHistory\": string; // 播放历史\n    \"home.localMusic\": string; // 本地音乐\n    \"home.openSidebar.a11y\": string; // 打开侧边栏\n    \"home.myPlaylists\": string; // 我的歌单\n    \"home.starredPlaylists\": string; // 我喜欢的歌单\n    \"home.newPlaylist.a11y\": string; // 新建歌单\n    \"home.importPlaylist.a11y\": string; // 导入歌单\n    \"home.myPlaylistsCount.a11y\": string; // 我的歌单数量\n    \"home.starredPlaylistsCount.a11y\": string; // 我喜欢的歌单数量\n    \"home.songCount\": string; // 歌曲数量\n    \"home.clickToSearch\": string; // 点击搜索\n\n    // 对话框相关\n    \"dialog.deleteSheetTitle\": string; // 删除歌单\n    \"dialog.deleteSheetContent\": string; // 确定删除该歌单吗？\n\n    \"dialog.loading.reinitializeTrackPlayer\": string;\n\n    // 提示消息相关\n    \"toast.deleteSuccess\": string; // 删除成功\n    \"toast.hasStarred\": string; // 已收藏歌单\n    \"toast.hasUnstarred\": string; // 已取消收藏歌单\n    \"toast.importSuccess\": string; // 导入成功\n    \"toast.saveSuccess\": string; // 保存成功\n    \"toast.sortHasBeenUpdated\": string; // 排序已更新\n    \"toast.currentQualityNotAvailableForCurrentMusic\": string; // 当前音乐的质量在此设备上不可用\n    \"toast.commmentNotAvaliableForCurrentMusic\": string; // 当前音乐无法进行评论\n    \"toast.addToNextPlay\": string; // 添加到下一曲\n    \"toast.beginDownload\": string; // 开始下载\n    \"toast.rememberToSave\": string; // 请记得保存\n\n    // 本地音乐相关\n    \"localMusic.scanLocalMusic\": string; // 扫描本地音乐\n    \"localMusic.beginScan\": string; // 开始扫描\n    \"localMusic.downloadList\": string; // 下载列表\n\n    // 歌词相关\n    \"lyric.lyricLinkedFrom\": string; // 歌词来自\n    \"lyric.unlinkLyric\": string; // 取消链接歌词\n    \"lyric.noLyric\": string; // 暂无歌词\n    \"lyric.searchLyric\": string; // 搜索歌词\n\n    // 音乐列表编辑器相关\n    \"musicListEditor.selectMusicCount\": string; // 选择的音乐数量\n    \"musicListEditor.addToNextPlay\": string; // 添加到下一曲\n    \"musicListEditor.addToSheet\": string; // 添加到歌单\n\n    // 权限设置相关\n    \"permissionSetting.title\": string; // 权限设置\n    \"permissionSetting.description\": string; // 权限设置说明\n    \"permissionSetting.floatWindowPermission\": string; // 悬浮窗权限\n    \"permissionSetting.floatWindowPermissionDescription\": string; // 悬浮窗权限说明\n    \"permissionSetting.fileReadWritePermission\": string; // 文件读写权限\n    \"permissionSetting.fileReadWritePermissionDescription\": string; // 文件读写权限说明\n\n    // 推荐歌单相关\n    \"recommendSheet.title\": string; // 推荐歌单\n\n    // 搜索音乐列表相关\n    \"searchMusicList.searchPlaceHolder\": string; // 搜索音乐\n    \"searchMusicList.searchLabel.a11y\": string; // 搜索音乐标签\n\n    // 搜索页面相关\n    \"searchPage.searchPlaceHolder\": string; // 搜索\n    \"searchPage.searchLabel.a11y\": string; // 搜索标签\n    \"searchPage.history\": string; // 历史记录\n    \"searchPage.artistResultWorksNum\": string; // 艺术家作品数量\n    \"searchPage.comingSoon\": string; // 敬请期待\n\n    // 榜单相关\n    \"topList.title\": string; // 榜单\n\n    // 歌单详情相关\n    \"sheetDetail.totalMusicCount\": string; // 歌曲总数\n    \"sheetDetail.editSheetInfo\": string; // 编辑歌单信息\n    \"sheetDetail.batchEditMusic\": string; // 批量编辑音乐\n    \"sheetDetail.sortMusic\": string; // 排序音乐\n    \"sheetDetail.sortMusicOption.byTitle\": string; // 按标题排序\n    \"sheetDetail.sortMusicOption.byArtist\": string; // 按艺术家排序\n    \"sheetDetail.sortMusicOption.byAlbum\": string; // 按专辑排序\n    \"sheetDetail.sortMusicOption.newest\": string; // 最新\n    \"sheetDetail.sortMusicOption.oldest\": string; // 最旧\n    \"sheetDetail.deleteSheet\": string; // 删除歌单\n    \"sheetDetail.deleteSheetContent\": string; // 确定删除该歌单吗？\n\n    // 历史记录相关\n    \"history.title\": string; // 历史记录\n    \"history.clearHistory\": string; // 清除历史记录\n\n    // 下载相关\n    \"downloading.title\": string; // 下载\n    \"downloading.downloadFailReason.noWritePermission\": string; // 下载失败：没有写入权限\n    \"downloading.downloadFailReason.failToFetchSource\": string; // 下载失败：无法获取源\n    \"downloading.downloadFailReason.unknown\": string; // 下载失败：未知原因\n    \"downloading.downloadStatus.completed\": string; // 下载完成\n    \"downloading.downloadStatus.downloadProgress\": string; // 下载进度\n    \"downloading.downloadStatus.pending\": string; // 等待中\n    \"downloading.downloadStatus.preparing\": string; // 准备中\n\n    // 艺术家详情相关\n    \"artistDetail.fansCount\": string; // 粉丝数量\n    \"artistDetail.menu.batchEditMusic\": string; // 批量编辑音乐\n    \"artistDetail.musicSheet\": string; // 音乐歌单\n\n    // 插件设置相关\n    \"pluginSetting.pluginItem.options.updatePlugin\": string; // 更新插件\n    \"pluginSetting.pluginItem.options.sharePlugin\": string; // 分享插件\n    \"pluginSetting.pluginItem.options.uninstallPlugin\": string; // 卸载插件\n    \"pluginSetting.pluginItem.options.uninstallPluginContent\": string; // 确定卸载该插件吗？\n    \"pluginSetting.pluginItem.options.alternativePlugin\": string; // 替代插件\n    \"pluginSetting.pluginItem.alternativePlugin\": string; // 该插件实际使用的插件\n    \"pluginSetting.pluginItem.dialog.setAlternativePluginTitle\": string; // 设置替代插件\n    \"pluginSetting.pluginItem.dialog.setAlternativePluginTip\": string; // 将使用替代插件解析此插件的音乐源提示\n    \"pluginSetting.pluginItem.options.importMusic\": string; // 导入音乐\n    \"pluginSetting.pluginItem.options.importMusicPlaceHolder\": string; // 导入音乐链接\n    \"pluginSetting.pluginItem.options.importDialogTitle\": string; // 导入音乐对话框标题\n    \"pluginSetting.pluginItem.options.importMusicDialogContent\": string; // 导入音乐对话框内容\n    \"pluginSetting.pluginItem.options.importMusicToSheetName\": string; // 导入音乐到歌单\n    \"pluginSetting.pluginItem.options.importSheet\": string; // 导入歌单\n    \"pluginSetting.pluginItem.options.importSheetPlaceHolder\": string; // 导入歌单链接\n    \"pluginSetting.pluginItem.options.importSheetDialogContent\": string; // 导入歌单对话框内容\n    \"pluginSetting.pluginItem.options.userVariables\": string; // 用户变量\n    \"pluginSetting.pluginItem.versionHint\": string; // 版本提示\n    \"pluginSetting.pluginItem.author\": string; // 作者\n    \"pluginSetting.menu.subscriptionSetting\": string; // 订阅设置\n    \"pluginSetting.menu.sort\": string; // 排序\n    \"pluginSetting.menu.uninstallAll\": string; // 卸载所有\n    \"pluginSetting.menu.uninstallAllContent\": string; // 确定卸载所有插件吗？\n    \"pluginSetting.menu.installPlugin\": string; // 安装插件\n    \"pluginSetting.menu.installPluginDialogPlaceholder\": string; // 插件安装对话框占位符\n    \"pluginSetting.menu.pluginInstallFailedDialogTitle\": string; // 插件安装失败对话框标题\n    \"pluginSetting.menu.pluginUpdateFailedDialogTitle\": string; // 插件更新失败对话框标题\n    \"pluginSetting.fabOptions.installFromLocal\": string; // 从本地安装\n    \"pluginSetting.fabOptions.installFromNetwork\": string; // 从网络安装\n    \"pluginSetting.fabOptions.updateAllPlugins\": string; // 更新所有插件\n    \"pluginSetting.fabOptions.updateSubscription\": string; // 更新订阅\n    \"pluginSetting.failReason\": string; // 失败原因\n    \"pluginSetting.pluginInstallFailedDialogContent\": string; // 插件安装失败对话框内容\n    \"pluginSetting.pluginUpdateFailedDialogContent\": string; // 插件更新失败对话框内容\n\n    // 提示消息相关 - 插件操作\n    \"toast.pluginUpdateSuccess\": string; // 插件更新成功\n    \"toast.failToUpdatePlugin\": string; // 插件更新失败\n    \"toast.copiedToClipboard\": string; // 已复制到剪贴板\n    \"toast.copiedToClipboardFailed\": string; // 复制失败\n    \"toast.failToSharePlugin\": string; // 插件分享失败\n    \"toast.pluginUninstalled\": string; // 插件已卸载\n    \"toast.toast.pluginUninstalled\": string; // 插件已卸载\n    \"toast.failToImportMusic\": string; // 音乐导入失败\n    \"toast.importing\": string; // 正在导入\n    \"toast.failToImportSheet\": string; // 歌单导入失败\n    \"toast.settingSuccess\": string; // 设置成功\n    \"toast.installPluginSuccess\": string; // 插件安装成功\n    \"toast.updatePluginSuccess\": string; // 插件更新成功\n    \"toast.installPluginFail\": string; // 插件安装失败\n    \"toast.allPluginInstallFailed\": string; // 所有插件安装失败\n    \"toast.partialPluginInstallFailed\": string; // 部分插件安装失败\n    \"toast.partialPluginInstallFailedWithReason\": string; // 部分插件安装失败，原因：\n    \"toast.allPluginUpdateFailed\": string; // 所有插件更新失败\n    \"toast.partialPluginUpdateFailed\": string; // 部分插件更新失败\n    \"toast.noSubscription\": string; // 没有订阅\n    \"toast.subscriptionInvalid\": string; // 订阅无效\n    \"toast.subscriptionHaveToEndWithJs\": string; // 订阅必须以.js结尾\n    \"toast.unknownError\": string; // 未知错误\n\n    // 主题设置相关\n    \"themeSettings.displayStyle\": string; // 显示风格\n    \"themeSettings.followSystemTheme\": string; // 跟随系统主题\n    \"themeSettings.setTheme\": string; // 设置主题\n    \"themeSettings.lightMode\": string; // 明亮模式\n    \"themeSettings.darkMode\": string; // 黑暗模式\n    \"themeSettings.customMode\": string; // 自定义模式\n\n\n    // 自定义主题相关\n    \"setCustomTheme.customizeBackground\": string; // 自定义背景\n    \"setCustomTheme.blur\": string; // 模糊\n    \"setCustomTheme.opacity\": string; // 不透明度\n    \"setCustomTheme.primaryColor\": string; // 主题色\n    \"setCustomTheme.textColor\": string; // 文字颜色\n    \"setCustomTheme.appBarColor\": string; // 应用栏颜色\n    \"setCustomTheme.appBarTextColor\": string; // 应用栏文字色\n    \"setCustomTheme.musicBarColor\": string; // 音乐栏颜色\n    \"setCustomTheme.musicBarTextColor\": string; // 音乐栏文字色\n    \"setCustomTheme.pageBackgroundColor\": string; // 页面背景色\n    \"setCustomTheme.backdropColor\": string; // 背景色\n    \"setCustomTheme.cardColor\": string; // 卡片背景色\n    \"setCustomTheme.placeholderColor\": string; // 输入框背景色\n    \"setCustomTheme.tabBarColor\": string; // 导航栏背景色\n    \"setCustomTheme.notificationColor\": string; // 提示、tips背景色\n\n    // 备份与恢复相关\n    \"backupAndResume.beginBackup\": string; // 开始备份\n    \"backupAndResume.backupDialogTitle\": string; // 备份对话框标题\n    \"backupAndResume.backuping\": string; // 正在备份\n    \"toast.backupSuccess\": string; // 备份成功\n    \"toast.backupFail\": string; // 备份失败\n    \"backupAndResume.resumeFromLocalFile\": string; // 从本地文件恢复\n    \"backupAndResume.resuming\": string; // 正在恢复\n    \"toast.resumeSuccess\": string; // 恢复成功\n    \"toast.resumeFail\": string; // 恢复失败\n    \"backupAndResume.resumeFromUrlDialogTitle\": string; // 从URL恢复对话框标题\n    \"backupAndResume.resumeFromUrlDialogPlaceHolder\": string; // 从URL恢复对话框占位符\n    \"toast.backupFileNotFound\": string; // 备份文件未找到\n    \"toast.resumePreCheckFailed\": string; // 恢复前检查失败\n    \"backupAndResume.setResumeMode\": string; // 设置恢复模式\n    \"backupAndResume.resumeMode\": string; // 恢复模式\n    \"backupAndResume.localBackup\": string; // 本地备份\n    \"backupAndResume.backupToLocal\": string; // 备份到本地\n    \"backupAndResume.webdavSettings\": string; // WebDAV设置\n    \"backupAndResume.webdavUrl\": string; // WebDAV URL\n    \"backupAndResume.backupToWebdav\": string; // 备份到WebDAV\n    \"backupAndResume.resumeFromWebdav\": string; // 从WebDAV恢复\n    \"backupAndResume.resumeMode.append\": string; // 附加\n    \"backupAndResume.resumeMode.overwrite-default\": string; // 覆盖（默认）\n    \"backupAndResume.resumeMode.overwrite\": string; // 覆盖\n\n    // 基本设置相关\n    \"basicSettings.common\": string; // 通用\n    \"basicSettings.maxHistoryLength\": string; // 最大历史记录长度\n    \"basicSettings.musicDetailDefault\": string; // 音乐详情默认\n    \"basicSettings.musicDetailDefault.album\": string; // 专辑\n    \"basicSettings.musicDetailDefault.lyric\": string; // 歌词\n    \"basicSettings.musicDetailAwake\": string; // 唤醒音乐详情\n    \"basicSettings.associateLyricType\": string; // 关联歌词类型\n    \"basicSettings.associateLyricType.input\": string; // 输入\n    \"basicSettings.associateLyricType.search\": string; // 搜索\n    \"basicSettings.showExitOnNotification\": string; // 通知中显示退出\n    \"basicSettings.sheetAndAlbum\": string; // 歌单和专辑\n    \"basicSettings.clickMusicInSearch\": string; // 点击搜索中的音乐\n    \"basicSettings.clickMusicInSearch.playMusic\": string; // 播放歌曲\n    \"basicSettings.clickMusicInSearch.playMusicAndReplace\": string; // 播放歌曲并替换播放列表\n    \"basicSettings.clickMusicInAlbum\": string; // 点击专辑内单曲时\n    \"basicSettings.clickMusicInAlbum.playMusic\": string; // 播放歌曲\n    \"basicSettings.clickMusicInAlbum.playAlbum\": string; // 播放专辑\n    \n    \"basicSettings.musicOrderInLocalSheet\": string; // 新建歌单时默认歌曲排序\n    \"basicSettings.musicOrderInLocalSheet.title\": string; // 按歌曲名排序\n    \"basicSettings.musicOrderInLocalSheet.artist\": string; // 按作者名排序\n    \"basicSettings.musicOrderInLocalSheet.album\": string; // 按专辑名排序\n    \"basicSettings.musicOrderInLocalSheet.newest\": string; // 按收藏时间从新到旧排序\n    \"basicSettings.musicOrderInLocalSheet.oldest\": string; // 按收藏时间从旧到新排序\n    \n    \"basicSettings.plugin\": string; // 插件\n    \"basicSettings.autoUpdatePlugin\": string; // 软件启动时自动更新插件\n    \"basicSettings.notCheckPluginVersion\": string; // 安装插件时不校验版本\n    \"basicSettings.lazyLoadPlugin\": string; // 启用插件懒加载（实验性功能）\n    \n    \"basicSettings.playback\": string; // 播放\n    \"basicSettings.notInterrupt\": string; // 允许与其他应用同时播放\n    \"basicSettings.autoPlayWhenAppStart\": string; // 软件启动时自动播放歌曲\n    \"basicSettings.tryChangeSourceWhenPlayFail\": string; // 播放失败时尝试更换音源\n    \"basicSettings.autoStopWhenError\": string; // 播放失败时自动暂停\n    \"basicSettings.tempRemoteDuck\": string; // 播放被暂时打断时\n    \"basicSettings.tempRemoteDuck.pause\": string; // 暂停播放\n    \"basicSettings.tempRemoteDuck.lowerVolume\": string; // 降低音量\n    \"basicSettings.tempRemoteDuck.volumeDecreaseLevel\": string; // 音量降低幅度\n    \"basicSettings.defaultPlayQuality\": string; // 默认播放音质\n    \"basicSettings.playQualityOrder\": string; // 默认播放音质缺失时\n    \"basicSettings.playQualityOrder.asc\": string; // 播放更高音质\n    \"basicSettings.playQualityOrder.desc\": string; // 播放更低音质\n    \n    \"basicSettings.download\": string; // 下载\n    \"basicSettings.downloadPath\": string; // 下载路径\n    \"basicSettings.fileSelector.selectFolder\": string; // 选择文件夹\n    \"basicSettings.maxDownload\": string; // 最大同时下载数目\n    \"basicSettings.defaultDownloadQuality\": string; // 默认下载音质\n    \"basicSettings.downloadQualityOrder\": string; // 默认下载音质缺失时\n    \"basicSettings.downloadQualityOrder.asc\": string; // 下载更高音质\n    \"basicSettings.downloadQualityOrder.desc\": string; // 下载更低音质\n    \n    \"basicSettings.network\": string; // 网络\n    \"basicSettings.useCelluarNetworkPlay\": string; // 使用移动网络播放\n    \"basicSettings.useCelluarNetworkDownload\": string; // 使用移动网络下载\n    \n    \"basicSettings.lyric\": string; // 歌词\n    \"basicSettings.lyric.autoSearchLyric\": string; // 歌词缺失时自动搜索歌词\n    \"basicSettings.lyric.showStatusBarLyric\": string; // 开启桌面歌词\n    \"basicSettings.lyric.align\": string; // 对齐方式\n    \"basicSettings.lyric.align.left\": string; // 左对齐\n    \"basicSettings.lyric.align.center\": string; // 居中对齐\n    \"basicSettings.lyric.align.right\": string; // 右对齐\n    \"basicSettings.lyric.leftRightDistance\": string; // 左右距离\n    \"basicSettings.lyric.topBottomDistance\": string; // 上下距离\n    \"basicSettings.lyric.width\": string; // 歌词宽度\n    \"basicSettings.lyric.fontSize\": string; // 字体大小\n    \"basicSettings.lyric.textColor\": string; // 文本颜色\n    \"basicSettings.lyric.backgroundColor\": string; // 文本背景色\n    \n    \"basicSettings.cache\": string; // 缓存\n    \"basicSettings.cache.musicCacheLimit\": string; // 音乐缓存上限\n    \"basicSettings.cache.clearMusicCache\": string; // 清除音乐缓存\n    \"basicSettings.cache.clearLyricCache\": string; // 清除歌词缓存\n    \"basicSettings.cache.clearImageCache\": string; // 清除图片缓存\n    \n    \"basicSettings.developer\": string; // 开发选项\n    \"basicSettings.developer.errorLog\": string; // 记录错误日志\n    \"basicSettings.developer.traceLog\": string; // 记录详细日志\n    \"basicSettings.developer.devLog\": string; // 调试面板\n    \"basicSettings.developer.viewErrorLog\": string; // 查看错误日志\n    \"basicSettings.developer.clearLog\": string; // 清空日志\n    \n    // 对话框相关 - 缓存设置\n    \"dialog.setCacheTitle\": string; // 设置缓存\n    \"dialog.setCachePlaceholder\": string; // 输入缓存占用上限提示\n    \"dialog.clearMusicCacheTitle\": string; // 清除音乐缓存\n    \"dialog.clearMusicCacheContent\": string; // 清除音乐缓存确认内容\n    \"dialog.clearLyricCacheTitle\": string; // 清除歌词缓存\n    \"dialog.clearLyricCacheContent\": string; // 清除歌词缓存确认内容\n    \"dialog.clearImageCacheTitle\": string; // 清除图片缓存\n    \"dialog.clearImageCacheContent\": string; // 清除图片缓存确认内容\n    \"dialog.errorLogTitle\": string; // 错误日志\n    \"dialog.errorLogNoRecord\": string; // 暂无记录\n    \"dialog.errorLogKnow\": string; // 我知道了\n    \"dialog.errorLogCopy\": string; // 复制日志\n    \"dialog.setScheduleCloseTime.title\": string; // 设置定时关闭时间\n    \"dialog.setScheduleCloseTime.placeholder\": string; // 请输入时间\n    \"dialog.setScheduleCloseTime.unit\": string; // 分钟\n    \"dialog.setScheduleCloseTime.hint\": string; // 最长支持设置24小时（1440分钟）\n    \n    // 提示消息相关 - 缓存和日志\n    \"toast.cacheSetSuccess\": string; // 设置成功\n    \"toast.musicCacheCleared\": string; // 已清除音乐缓存\n    \"toast.lyricCacheCleared\": string; // 已清除歌词缓存\n    \"toast.imageCacheCleared\": string; // 已清除图片缓存\n    \"toast.logCleared\": string; // 日志已清空\n    \"toast.noFloatWindowPermission\": string; // 无悬浮窗权限\n    \"toast.folderNotExistOrNoPermission\": string; // 文件夹不存在或无权限\n    \n    // 音质相关\n    \"musicQuality.low\": string; // 低音质\n    \"musicQuality.standard\": string; // 标准音质\n    \"musicQuality.high\": string; // 高音质\n    \"musicQuality.super\": string; // 超高音质\n\n    // 播放全部栏相关\n    \"playAllBar.title\": string; // 播放全部\n\n    // 无插件相关\n    \"noPlugin.title\": string; // 还没有安装插件\n    \"noPlugin.titleWithType\": string; // 还没有安装支持类型的插件\n    \"noPlugin.description\": string; // 无插件描述\n\n    // 对话框相关 - 存储权限\n    \"dialog.checkStorage.title\": string; // 存储权限\n    \"dialog.checkStorage.content.0\": string; // 存储权限内容0\n    \"dialog.checkStorage.content.1\": string; // 存储权限内容1\n    \"dialog.checkStorage.content.2\": string; // 存储权限内容2\n    \"dialog.checkStorage.content.3\": string; // 存储权限内容3\n    \"dialog.checkStorage.button.grantPermission\": string; // 去授予权限\n    \"dialog.checkStorage.button.doNotShowAgain\": string; // 不再提示\n\n    // 对话框相关 - 下载\n    \"dialog.downloadDialog.title\": string; // 发现新版本\n    \"dialog.downloadDialog.skipThisVersion\": string; // 跳过此版本\n    \"dialog.downloadDialog.downloadUsingBrowser\": string; // 从浏览器下载\n    \"dialog.downloadDialog.backupUrl\": string; // 备用链接\n    \"dialog.editSheetDetail.sheetName\": string; // 歌单名\n    \"dialog.subscriptionPluginDialog.title\": string; // 订阅\n    \"dialog.markdownDialog.openExternalLink\": string; // Markdown对话框打开外部链接\n    \"dialog.markdownDialog.clickToShowImage\": string; // 点击展示图片\n    \"dialog.markdownDialog.loadFailed\": string; // 图片加载失败\n\n    // 面板相关 - 播放列表\n    \"panel.playList.title\": string; // 播放列表\n    \"panel.playList.count\": string; // 歌曲数量\n    \"panel.searchLrc.inputPlaceholder\": string; // 搜索歌词输入占位符\n    \"panel.searchLrc.toast.settingSuccess\": string; // 设置成功\n    \"panel.searchLrc.toast.failToSearch\": string; // 设置失败\n\n    // 面板相关 - 添加到歌单\n    \"panel.addToMusicSheet.title\": string; // 添加到歌单\n    \"panel.addToMusicSheet.newMusicSheet\": string; // 新建歌单\n    \"panel.addToMusicSheet.count\": string; // 歌曲数量\n    \"panel.addToMusicSheet.toast.success\": string; // 已添加到歌单\n    \"panel.addToMusicSheet.toast.fail\": string; // 添加到歌单失败\n    \"panel.associateLrc.title\": string; // 关联歌词\n    \"panel.associateLrc.inputPlaceholder\": string; // 输入要关联歌词的歌曲ID\n    \"panel.associateLrc.targetExpired\": string; // 地址失效\n    \"panel.associateLrc.toast.success\": string; // 关联歌词成功\n    \"panel.associateLrc.toast.fail\": string; // 关联歌词失败\n    \"panel.associateLrc.toast.unlinkSuccess\": string; // 取消关联歌词成功\n    \"panel.createMusicSheet.title\": string; // 新建歌单\n    \"panel.editMusicSheetInfo.title\": string; // 编辑歌单信息\n    \"panel.editMusicSheetInfo.sheetName\": string; // 歌单名\n    \"panel.editMusicSheetInfo.toast.updateSuccess\": string; // 更新歌单信息成功    // 面板相关 - 图片查看器\n    \"panel.imageViewer.saveImage\": string; // 保存图片\n    \"panel.imageViewer.saveImageSuccess\": string; // 图片已保存\n    \"panel.imageViewer.saveImageFail\": string; // 保存图片失败\n\n    // 面板相关 - 颜色选择器\n    \"panel.colorPicker.title\": string; // 选择颜色\n    \"panel.createMusicSheet.inputLabel\": string; // 输入框\n    \"panel.importMusicSheet.title\": string; // 导入歌单\n    \"panel.importMusicSheet.placeholder\": string; // 输入目标歌单\n    \"panel.importMusicSheet.importing\": string; // 正在导入中\n    \"panel.importMusicSheet.prepareImport\": string; // 准备导入\n    \"panel.importMusicSheet.foundSongs\": string; // 发现歌曲\n    \"panel.importMusicSheet.invalidLink\": string; // 链接有误或目标歌单为空\n\n    // 面板相关 - 音乐项歌词选项\n    \"panel.musicItemLyricOptions.author\": string; // 作者\n    \"panel.musicItemLyricOptions.album\": string; // 专辑\n    \"panel.musicItemLyricOptions.toggleDesktopLyric\": string; // 桌面歌词开关\n    \"panel.musicItemLyricOptions.enableDesktopLyric\": string; // 开启\n    \"panel.musicItemLyricOptions.disableDesktopLyric\": string; // 关闭\n    \"panel.musicItemLyricOptions.desktopLyricPermissionError\": string; // 桌面歌词权限错误\n    \"panel.musicItemLyricOptions.uploadLocalLyric\": string; // 上传本地歌词\n    \"panel.musicItemLyricOptions.uploadLocalLyricTranslation\": string; // 上传本地歌词翻译\n    \"panel.musicItemLyricOptions.deleteLocalLyric\": string; // 删除本地歌词\n    \"panel.musicItemLyricOptions.settingFail\": string; // 设置失败\n    \"panel.musicItemLyricOptions.deleteFail\": string; // 删除失败\n\n    // 面板相关 - 音乐项选项    \n    \"panel.musicItemOptions.author\": string; // 作者\n    \"panel.musicItemOptions.album\": string; // 专辑\n    \"panel.musicItemOptions.downloaded\": string; // 已下载\n    \"panel.musicItemOptions.readComment\": string; // 查看评论\n    \"panel.musicItemOptions.deleteLocalDownload\": string; // 删除本地下载\n    \"panel.musicItemOptions.deleteLocalDownloadConfirm\": string; // 删除本地下载确认\n    \"panel.musicItemOptions.associatedLyric\": string; // 已关联歌词\n    \"panel.musicItemOptions.associateLyric\": string; // 关联歌词\n    \"panel.musicItemOptions.unassociateLyric\": string; // 解除关联歌词    \n    \"panel.musicItemOptions.unassociateLyricSuccess\": string; // 已解除关联歌词\n    \"panel.musicItemOptions.timingClose\": string; // 定时关闭\n    \"panel.musicItemOptions.clearPluginCache\": string; // 清除插件缓存\n    \"panel.musicItemOptions.cacheCleared\": string; // 缓存已清除\n    \"panel.musicItemOptions.deleteFailed\": string; // 删除失败\n\n    // 面板相关 - 音质设置\n    \"panel.musicQuality.title\": string; // 设置音质\n\n    // 面板相关 - 搜索歌词\n    \"panel.searchLrc.unnamed\": string; // 未命名\n    \"panel.searchLrc.notSupported\": string; // 搜索歌词\n\n    // 面板相关 - 字体大小设置\n    \"panel.setFontSize.title\": string; // 设置字体大小\n    \"panel.setFontSize.small\": string; // 小\n    \"panel.setFontSize.standard\": string; // 标准\n    \"panel.setFontSize.large\": string; // 大\n    \"panel.setFontSize.extraLarge\": string; // 超大\n\n    // 面板相关 - 歌词偏移设置\n    \"panel.setLyricOffset.title\": string; // 设置歌词进度\n    \"panel.setLyricOffset.normal\": string; // 正常\n    \"panel.setLyricOffset.delay\": string; // 延后\n    \"panel.setLyricOffset.advance\": string; // 提前\n    \"panel.setLyricOffset.reset\": string; // 重置\n\n    // 面板相关 - 简单输入\n    \"panel.simpleInput.inputLabel\": string; // 输入框\n\n    // 面板相关 - 定时关闭\n    \"panel.timingClose.countdown\": string; // 关闭倒计时\n    \"panel.timingClose.customize\": string; // 自定义\n    \"panel.timingClose.cancelScheduleClose\": string; // 取消定时关闭\n    \"panel.timingClose.closeAfterPlay\": string; // 播放完歌曲再关闭\n\n    // 面板相关 - 播放速度\n    \"panel.playRate.title\": string; // 播放速度\n\n    // 面板相关 - 歌单标签\n    \"panel.sheetTags.title\": string; // 歌单类别\n\n    // 播放模式相关\n    \"repeatMode.SHUFFLE\": string; // 随机播放\n    \"repeatMode.QUEUE\": string; // 列表循环\n    \"repeatMode.SINGLE\": string; // 单曲循环\n}\n\n// 语言接口定义\nexport interface ILanguage {\n    locale: string; // 语言代码\n    name: string; // 语言名称\n    languageData: ILanguageData; // 语言数据\n}"
  },
  {
    "path": "src/types/core/musicHistory.d.ts",
    "content": "import type { IInjectable } from \"@/types/infra\";\n\nexport interface IMusicHistory extends IInjectable {\n    /**\n     * Get current music history\n     */\n    readonly history: IMusic.IMusicItem[];\n    \n    /**\n     * Initialize music history from storage\n     */\n    setup(): Promise<void>;\n    \n    /**\n     * Add a music item to history\n     */\n    addMusic(musicItem: IMusic.IMusicItem): Promise<void>;\n    \n    /**\n     * Remove a music item from history\n     */\n    removeMusic(musicItem: IMusic.IMusicItem): Promise<void>;\n    \n    /**\n     * Clear all music history\n     */\n    clearMusic(): Promise<void>;\n    \n    /**\n     * Set new music history\n     */\n    setHistory(newHistory: IMusic.IMusicItem[]): Promise<void>;\n}\n"
  },
  {
    "path": "src/types/core/pluginManager/index.d.ts",
    "content": "type Plugin = any; // Placeholder for the actual Plugin type\n\n/**\n * 插件安装配置接口\n */\nexport interface IInstallPluginConfig {\n    notCheckVersion?: boolean;\n}\n\n/**\n * 插件安装结果接口\n */\nexport interface IInstallPluginResult {\n    success: boolean;\n    message?: string;\n    pluginName?: string;\n    pluginHash?: string;\n    pluginUrl?: string;\n}\n\n/**\n * 插件管理器接口\n */\nexport interface IPluginManager {\n    /**\n     * 初始化插件管理器，从文件系统加载所有插件\n     * 读取插件目录中的所有.js文件并创建插件实例\n     * @throws 如果插件初始化失败则抛出异常\n     */\n    setup(): Promise<void>;\n\n    /**\n     * 从本地文件安装插件\n     * @param pluginPath - 插件文件路径\n     * @param config - 安装配置选项\n     * @param config.notCheckVersion - 为true时跳过版本检查\n     * @param config.useExpoFs - 为true时使用Expo文件系统代替React Native的文件系统\n     * @returns 安装结果，包含成功状态和相关信息\n     */\n    installPluginFromLocalFile(\n        pluginPath: string,\n        config?: IInstallPluginConfig & {\n            useExpoFs?: boolean\n        },\n    ): Promise<IInstallPluginResult>;\n\n    /**\n     * 从URL安装插件\n     * @param url - 下载插件的URL\n     * @param config - 安装配置选项\n     * @param config.notCheckVersion - 为true时跳过版本检查\n     * @returns 安装结果，包含成功状态和相关信息\n     */\n    installPluginFromUrl(\n        url: string,\n        config?: IInstallPluginConfig,\n    ): Promise<IInstallPluginResult>;\n\n    /**\n     * 通过哈希值卸载插件\n     * @param hash - 要卸载的插件哈希值\n     */\n    uninstallPlugin(hash: string): Promise<void>;\n\n    /**\n     * 卸载系统中的所有插件\n     * 同时清理媒体额外数据并删除插件文件\n     */\n    uninstallAllPlugins(): Promise<void>;\n\n    /**\n     * 使用插件的源URL更新插件\n     * @param plugin - 要更新的插件实例\n     * @throws 如果插件没有源URL或更新失败时抛出错误\n     */\n    updatePlugin(plugin: Plugin): Promise<void>;\n\n    /**\n     * 通过媒体项的平台信息获取对应的插件\n     * @param mediaItem - 包含平台信息的媒体项\n     * @returns 与媒体平台匹配的插件实例或undefined\n     */\n    getByMedia(mediaItem: ICommon.IMediaBase): Plugin | undefined;\n\n    /**\n     * 通过名称获取插件\n     * @param name - 要查找的插件名称\n     * @returns 匹配名称的插件实例或本地文件插件\n     */\n    getByName(name: string): Plugin | undefined;\n\n    /**\n     * 通过哈希值获取插件\n     * @param hash - 要查找的插件哈希值\n     * @returns 匹配哈希的插件实例或本地文件插件\n     */\n    getByHash(hash: string): Plugin | undefined;\n\n    /**\n     * 获取所有已启用的插件\n     * @returns 已启用的插件实例数组\n     */\n    getEnabledPlugins(): Plugin[];\n\n    /**\n     * 获取按顺序排序的所有插件\n     * @returns 按定义顺序排序的插件实例数组\n     */\n    getSortedPlugins(): Plugin[];\n\n    /**\n     * 获取所有支持搜索功能的已启用插件\n     * @param supportedSearchType - 可选的搜索媒体类型过滤器\n     * @returns 可搜索的插件实例数组\n     */\n    getSearchablePlugins(supportedSearchType?: ICommon.SupportMediaType): Plugin[];\n\n    /**\n     * 获取所有支持搜索功能的已启用插件，并按顺序排序\n     * @param supportedSearchType - 可选的搜索媒体类型过滤器\n     * @returns 按顺序排序的可搜索插件实例数组\n     */\n    getSortedSearchablePlugins(\n        supportedSearchType?: ICommon.SupportMediaType,\n    ): Plugin[];\n\n    /**\n     * 获取所有实现特定功能的已启用插件\n     * @param ability - 要检查的方法/功能名称\n     * @returns 具有指定功能的插件实例数组\n     */\n    getPluginsWithAbility(ability: keyof IPlugin.IPluginInstanceMethods): Plugin[];\n\n    /**\n     * 获取所有实现特定功能的已启用插件，并按顺序排序\n     * @param ability - 要检查的方法/功能名称\n     * @returns 按顺序排序的具有指定功能的插件实例数组\n     */\n    getSortedPluginsWithAbility(ability: keyof IPlugin.IPluginInstanceMethods): Plugin[];\n\n    /**\n     * 设置插件的启用状态并发送事件通知\n     * @param plugin - 要修改的插件实例\n     * @param enabled - 是否启用插件\n     */\n    setPluginEnabled(plugin: Plugin, enabled: boolean): void;\n\n    /**\n     * 检查插件是否已启用\n     * @param plugin - 要检查的插件实例\n     * @returns 表示插件是否启用的布尔值\n     */\n    isPluginEnabled(plugin: Plugin): boolean;\n\n    /**\n     * 设置插件的排序顺序并发送顺序更新事件\n     * @param sortedPlugins - 按期望顺序排列的插件实例数组\n     */\n    setPluginOrder(sortedPlugins: Plugin[]): void;\n\n    /**\n     * 设置插件的用户变量\n     * @param plugin - 要设置用户变量的插件实例\n     * @param userVariables - 用户变量键值对\n     */\n    setUserVariables(plugin: Plugin, userVariables: Record<string, string>): void;\n\n    /**\n     * 获取插件的用户变量\n     * @param plugin - 要获取用户变量的插件实例\n     * @returns 用户变量键值对\n     */\n    getUserVariables(plugin: Plugin): Record<string, string>;\n\n    /**\n     * 设置插件的替代插件名称\n     * @param plugin - 要设置替代插件的插件实例\n     * @param alternativePluginName - 替代插件的名称\n     */\n    setAlternativePluginName(plugin: Plugin, alternativePluginName: string): void;\n\n    /**\n     * 获取插件的替代插件名称\n     * @param plugin - 要获取替代插件名称的插件实例\n     * @returns 替代插件的名称\n     */\n    getAlternativePluginName(plugin: Plugin): string | null;\n\n    /**\n     * 获取插件的替代插件实例\n     * @param plugin - 要获取替代插件的插件实例\n     * @returns 替代插件实例或null\n     */\n    getAlternativePlugin(plugin: Plugin): Plugin | null;\n}\n\n"
  },
  {
    "path": "src/types/core/trackPlayer/index.d.ts",
    "content": "import type { Progress } from \"react-native-track-player\";\r\nimport type { MusicRepeatMode } from \"@/constants/repeatModeConst\";\r\nimport { IInjectable } from \"@/types/infra\";\r\nimport type EventEmitter from \"eventemitter3\";\r\nimport type { TrackPlayerEvents } from \"@/core.defination/trackPlayer\";\r\n\r\nexport interface ITrackPlayer extends IInjectable, EventEmitter<{\r\n    [TrackPlayerEvents.PlayEnd]: () => void;\r\n    [TrackPlayerEvents.CurrentMusicChanged]: (musicItem: IMusic.IMusicItem | null) => void;\r\n    [TrackPlayerEvents.ProgressChanged]: (progress: {\r\n        position: number;\r\n        duration: number;\r\n    }) => void;\r\n}> {\r\n    /**\r\n     * 上一首歌曲\r\n     */\r\n    readonly previousMusic: IMusic.IMusicItem | null;\r\n\r\n    /**\r\n     * 当前播放的歌曲\r\n     */\r\n    readonly currentMusic: IMusic.IMusicItem | null;\r\n\r\n    /**\r\n     * 下一首歌曲\r\n     */\r\n    readonly nextMusic: IMusic.IMusicItem | null;\r\n\r\n    /**\r\n     * 当前播放模式\r\n     */\r\n    readonly repeatMode: MusicRepeatMode;\r\n\r\n    /**\r\n     * 当前播放音质\r\n     */\r\n    readonly quality: IMusic.IQualityKey;\r\n\r\n    /**\r\n     * 当前播放列表\r\n     */\r\n    readonly playList: IMusic.IMusicItem[];\r\n\r\n    /**\r\n     * 初始化音乐播放器，恢复上次播放状态\r\n     */\r\n    setupTrackPlayer(): Promise<void>;\r\n\r\n    /**\r\n     * 获取音乐在播放列表中的索引\r\n     * @param musicItem 要查找的音乐项\r\n     * @returns 索引值，如不存在则返回-1\r\n     */\r\n    getMusicIndexInPlayList(musicItem?: IMusic.IMusicItem | null): number;\r\n\r\n    /**\r\n     * 判断音乐是否在播放列表中\r\n     * @param musicItem 要查找的音乐项\r\n     * @returns 是否存在于播放列表\r\n     */\r\n    isInPlayList(musicItem?: IMusic.IMusicItem | null): boolean;\r\n\r\n    /**\r\n     * 获取播放列表中指定索引的音乐\r\n     * @param index 索引，支持循环索引（负数或超出长度会自动取模）\r\n     * @returns 音乐项或null（如果列表为空）\r\n     */\r\n    getPlayListMusicAt(index: number): IMusic.IMusicItem | null;\r\n\r\n    /**\r\n     * 判断播放列表是否为空\r\n     * @returns 播放列表是否为空\r\n     */\r\n    isPlayListEmpty(): boolean;\r\n\r\n    /**\r\n     * 批量添加音乐到播放列表\r\n     * @param musicItems 要添加的音乐列表\r\n     * @param beforeIndex 在指定位置之前添加，undefined表示添加到末尾\r\n     * @param shouldShuffle 是否随机排序添加的音乐\r\n     */\r\n    addAll(\r\n        musicItems: Array<IMusic.IMusicItem>,\r\n        beforeIndex?: number,\r\n        shouldShuffle?: boolean\r\n    ): void;\r\n\r\n    /**\r\n     * 添加音乐到播放列表\r\n     * @param musicItem 单曲或音乐列表\r\n     * @param beforeIndex 在指定位置之前添加，undefined表示添加到末尾\r\n     */\r\n    add(\r\n        musicItem: IMusic.IMusicItem | IMusic.IMusicItem[],\r\n        beforeIndex?: number\r\n    ): void;\r\n\r\n    /**\r\n     * 添加音乐到下一首播放位置\r\n     * @param musicItem 单曲或音乐列表\r\n     */\r\n    addNext(musicItem: IMusic.IMusicItem | IMusic.IMusicItem[]): void;\r\n\r\n    /**\r\n     * 从播放列表中移除指定音乐\r\n     * @param musicItem 要移除的音乐\r\n     */\r\n    remove(musicItem: IMusic.IMusicItem): Promise<void>;\r\n\r\n    /**\r\n     * 判断指定音乐是否是当前播放的音乐\r\n     * @param musicItem 要判断的音乐\r\n     * @returns 是否是当前音乐\r\n     */\r\n    isCurrentMusic(musicItem?: IMusic.IMusicItem | null): boolean;\r\n\r\n    /**\r\n     * 跳到播放列表的下一首\r\n     */\r\n    skipToNext(): Promise<void>;\r\n\r\n    /**\r\n     * 跳到播放列表的上一首\r\n     */\r\n    skipToPrevious(): Promise<void>;\r\n\r\n    /**\r\n     * 播放指定音乐或切换播放状态\r\n     * @param musicItem 要播放的音乐项，为空则播放/暂停当前音乐\r\n     * @param forcePlay 是否强制从头开始播放\r\n     */\r\n    play(\r\n        musicItem?: IMusic.IMusicItem | null,\r\n        forcePlay?: boolean\r\n    ): Promise<void>;\r\n\r\n    /**\r\n     * 播放指定音乐并替换整个播放列表\r\n     * @param musicItem 要播放的音乐\r\n     * @param newPlayList 新的播放列表\r\n     */\r\n    playWithReplacePlayList(\r\n        musicItem: IMusic.IMusicItem,\r\n        newPlayList: IMusic.IMusicItem[]\r\n    ): Promise<void>;\r\n\r\n    /**\r\n     * 暂停播放\r\n     */\r\n    pause(): Promise<void>;\r\n\r\n    /**\r\n     * 切换到下一个播放模式（列表循环->随机播放->单曲循环）\r\n     */\r\n    toggleRepeatMode(): void;\r\n\r\n    /**\r\n     * 清空播放列表并停止播放\r\n     */\r\n    clearPlayList(): Promise<void>;\r\n\r\n    /**\r\n     * 切换播放音质\r\n     * @param newQuality 目标音质\r\n     * @returns 是否切换成功\r\n     */\r\n    changeQuality(newQuality: IMusic.IQualityKey): Promise<boolean>;\r\n\r\n    /**\r\n     * 获取当前播放进度\r\n     * @returns 包含播放位置和总时长的对象\r\n     */\r\n    getProgress(): Promise<Progress>;\r\n\r\n    /**\r\n     * 获取当前播放速率\r\n     * @returns 当前播放速率\r\n     */\r\n    getRate(): Promise<number>;\r\n\r\n    /**\r\n     * 设置播放速率\r\n     * @param rate 播放速率\r\n     */\r\n    setRate(rate: number): Promise<void>;\r\n\r\n    /**\r\n     * 跳转到指定播放位置\r\n     * @param position 目标位置（秒）\r\n     */\r\n    seekTo(position: number): Promise<void>;\r\n}"
  },
  {
    "path": "src/types/declarations.d.ts",
    "content": "declare module \"*.svg\" {\n    import React from \"react\";\n    import { SvgProps } from \"react-native-svg\";\n    const content: React.FC<SvgProps>;\n    export default content;\n}\n"
  },
  {
    "path": "src/types/infra.d.ts",
    "content": "export interface IInjectable {\n    injectDependencies (...args: unknown[]): void;\n}"
  },
  {
    "path": "src/types/lyric.d.ts",
    "content": "declare namespace ILyric {\n    export interface ILyricItem extends IMusic.IMusicItem {\n        /** 歌词（无时间戳） */\n        rawLrcTxt?: string;\n    }\n\n    export interface ILyricSource {\n        /** @deprecated 歌词url */\n        lrc?: string;\n        /** 纯文本格式歌词 */\n        rawLrc?: string;\n        /** 纯文本格式的翻译 */\n        translation?: string;\n    }\n\n    export interface IParsedLrcItem {\n        /** 时间 s */\n        time: number;\n        /** 歌词 */\n        lrc: string;\n        /** 下标 */\n        index?: number;\n    }\n\n    export type IParsedLrc = IParsedLrcItem[];\n}\n"
  },
  {
    "path": "src/types/media.d.ts",
    "content": "declare namespace IMedia {\r\n    export interface ICommentItem {\r\n        id?: string;\r\n        // 用户名\r\n        nickName: string;\r\n        // 头像\r\n        avatar?: string;\r\n        // 评论内容\r\n        comment: string;\r\n        // 点赞数\r\n        like?: number;\r\n        // 评论时间\r\n        createAt?: number;\r\n        // 地址\r\n        location?: string;\r\n    }\r\n\r\n    export interface IComment extends ICommentItem {\r\n        // 回复\r\n        replies?: IComment[];\r\n    }\r\n}\r\n"
  },
  {
    "path": "src/types/music.d.ts",
    "content": "declare namespace IMusic {\n    export interface IMusicItemBase extends ICommon.IMediaBase {\n        /** 其他属性 */\n        [k: keyof IMusicItem]: IMusicItem[k];\n    }\n\n    /** 音质 */\n    export type IQualityKey = \"low\" | \"standard\" | \"high\" | \"super\";\n    export type IQuality = Record<\n        IQualityKey,\n        {\n            url?: string;\n            size?: string | number;\n        }\n    >;\n\n    // 音源定义\n    export interface IMediaSource {\n        headers?: Record<string, string>;\n        /** 兜底播放 */\n        url?: string;\n        /** UA */\n        userAgent?: string;\n        /** 音质 */\n        quality?: IMusic.IQualityKey;\n        /** 大小 */\n        size?: number;\n    }\n\n    export interface IMusicItem {\n        /** 歌曲在平台的唯一编号 */\n        id: string;\n        /** 平台 */\n        platform: string;\n        /** 作者 */\n        artist: string;\n        /** 标题 */\n        title: string;\n        /** 别名 */\n        alias?: string;\n        /** 时长(s) */\n        duration: number;\n        /** 专辑名 */\n        album: string;\n        /** 专辑封面图 */\n        artwork: string;\n        /** 默认音源 */\n        url?: string;\n        /** 音源 */\n        source?: Partial<Record<IQualityKey, IMediaSource>>;\n        /** 歌词 */\n        lyric?: ILyric.ILyricSource;\n        /** @deprecated 歌词URL */\n        lrc?: string;\n        /** @deprecated 歌词（原始文本 有时间戳） */\n        rawLrc?: string;\n        /** 音质信息 */\n        qualities?: IQuality;\n        /** 其他可以被序列化的信息 */\n        [k: string]: any;\n        /** 内部信息 */\n        [k: symbol]: any;\n    }\n\n    export interface IMusicItemCache extends IMusicItem {\n        $localLyric?: ILyric.ILyricSource;\n    }\n}\n"
  },
  {
    "path": "src/types/musicSheet.d.ts",
    "content": "declare namespace IMusic {\n    export interface IMusicSheetItemBase {\n        /** 封面图 */\n        coverImg?: string;\n        artwork?: string;\n        /** 标题 */\n        title?: string;\n        /** 作者 */\n        artist?: string;\n        /** 歌单id */\n        id: string;\n        /** 描述 */\n        description?: string;\n        /** 作品总数 */\n        worksNum?: number;\n        platform: string;\n        [k: string]: any;\n    }\n    /** 歌单项 */\n    export interface IMusicSheetItem extends IMusicSheetItemBase {\n        musicList: Array<IMusic.IMusicItem>;\n    }\n\n    export type IMusicSheet = Array<IMusicSheetItem>;\n}\n"
  },
  {
    "path": "src/types/musicSheetGroup.d.ts",
    "content": "declare namespace IMusic {\n    /** 歌单项 */\n    export interface IMusicSheetGroupItem {\n        title?: string;\n        data: Array<IMusicSheetItemBase>;\n    }\n}\n"
  },
  {
    "path": "src/types/plugin.d.ts",
    "content": "declare namespace IPlugin {\n    export interface IMediaSourceResult {\n        headers?: Record<string, string>;\n        /** 兜底播放 */\n        url?: string;\n        /** UA */\n        userAgent?: string;\n        /** 音质 */\n        quality?: IMusic.IQualityKey;\n    }\n\n    export interface ISearchResult<T extends ICommon.SupportMediaType> {\n        isEnd?: boolean;\n        data: ICommon.SupportMediaItemBase[T][];\n    }\n\n    export type ISearchResultType = ICommon.SupportMediaType;\n\n    type ISearchFunc = <T extends ICommon.SupportMediaType>(\n        query: string,\n        page: number,\n        type: T,\n    ) => Promise<ISearchResult<T>>;\n\n    type IGetArtistWorksFunc = <T extends IArtist.ArtistMediaType>(\n        artistItem: IArtist.IArtistItem,\n        page: number,\n        type: T,\n    ) => Promise<ISearchResult<T>>;\n\n    interface IUserVariable {\n        /** 键 */\n        key: string;\n        /** 名称 */\n        name?: string;\n        /** 提示文案 */\n        hint?: string;\n    }\n\n    interface IAlbumInfoResult {\n        isEnd?: boolean;\n        albumItem?: IAlbum.IAlbumItemBase;\n        musicList?: IMusic.IMusicItem[];\n    }\n\n    interface ISheetInfoResult {\n        isEnd?: boolean;\n        sheetItem?: IMusic.IMusicSheetItemBase;\n        musicList?: IMusic.IMusicItem[];\n    }\n\n    interface ITopListInfoResult {\n        isEnd?: boolean;\n        topListItem?: IMusic.IMusicSheetItem;\n        musicList?: IMusic.IMusicItem[];\n    }\n\n    interface IGetRecommendSheetTagsResult {\n        // 固定的tag\n        pinned?: IMusic.IMusicSheetItemBase[];\n        data?: IMusic.IMusicSheetGroupItem[];\n    }\n\n    interface IPluginDefine {\n        /** 来源名 */\n        platform: string;\n        /** 匹配的版本号 */\n        appVersion?: string;\n        /** 插件版本 */\n        version?: string;\n        /** 远程更新的url */\n        srcUrl?: string;\n        /** 主键，会被存储到mediameta中 */\n        primaryKey?: string[];\n        /** 默认搜索类型 */\n        defaultSearchType?: ICommon.SupportMediaType;\n        /** 有效搜索类型 */\n        supportedSearchType?: ICommon.SupportMediaType[];\n        /** 插件缓存控制 */\n        cacheControl?: \"cache\" | \"no-cache\" | \"no-store\";\n        /** 插件作者 */\n        author?: string;\n        /** 插件描述，支持markdown */\n        description?: string;\n        /** 用户自定义输入 */\n        userVariables?: IUserVariable[];\n        /** 提示文本 */\n        hints?: Record<string, string[]>;\n        /** 搜索 */\n        search?: ISearchFunc;\n        /** 获取根据音乐信息获取url */\n        getMediaSource?: (\n            musicItem: IMusic.IMusicItemBase,\n            quality: IMusic.IQualityKey,\n        ) => Promise<IMediaSourceResult | null>;\n        /** 根据主键去查询歌曲信息 */\n        getMusicInfo?: (\n            musicBase: ICommon.IMediaBase,\n        ) => Promise<Partial<IMusic.IMusicItem> | null>;\n        /** 获取歌词 */\n        getLyric?: (\n            musicItem: IMusic.IMusicItemBase,\n        ) => Promise<ILyric.ILyricSource | null>;\n        /** 获取专辑信息，里面的歌曲分页 */\n        getAlbumInfo?: (\n            albumItem: IAlbum.IAlbumItemBase,\n            page: number,\n        ) => Promise<IAlbumInfoResult | null>;\n        /** 获取歌单信息，有分页 */\n        getMusicSheetInfo?: (\n            sheetItem: IMusic.IMusicSheetItem,\n            page: number,\n        ) => Promise<ISheetInfoResult | null>;\n        /** 获取作品，有分页 */\n        getArtistWorks?: IGetArtistWorksFunc;\n        /** 导入歌单 */\n        // todo: 数据结构应该是IMusicSheetItem\n        importMusicSheet?: (\n            urlLike: string,\n        ) => Promise<IMusic.IMusicItem[] | null>;\n        /** 导入单曲 */\n        importMusicItem?: (\n            urlLike: string,\n        ) => Promise<IMusic.IMusicItem | null>;\n        /** 获取榜单 */\n        getTopLists?: () => Promise<IMusic.IMusicSheetGroupItem[]>;\n        /** 获取榜单详情 */\n        getTopListDetail?: (\n            topListItem: IMusic.IMusicSheetItemBase,\n            page: number,\n        ) => Promise<ITopListInfoResult>;\n        /** 获取热门歌单tag */\n        getRecommendSheetTags?: () => Promise<IGetRecommendSheetTagsResult>;\n        /** 歌单列表 */\n        getRecommendSheetsByTag?: (\n            tag: ICommon.IUnique,\n            page?: number,\n        ) => Promise<ICommon.PaginationResponse<IMusic.IMusicSheetItemBase>>;\n        /** 获取评论 */\n        getMusicComments?: (\n            musicItem: IMusic.IMusicItem,\n            page?: number\n        ) => Promise<ICommon.PaginationResponse<IMedia.IComment>>;\n    }\n\n    export interface IPluginInstance extends IPluginDefine {\n        /** 内部属性 */\n        /** 插件路径 */\n        _path: string;\n    }\n\n    type R = Required<IPluginInstance>;\n    export type IPluginInstanceMethods = {\n        [K in keyof R as R[K] extends (...args: any) => any ? K : never]: R[K];\n    };\n\n    /** 插件其他属性 */\n    export type IPluginMeta = {\n        order: number;\n        userVariables: Record<string, string>;\n        enabled?: boolean;\n    };\n}\n"
  },
  {
    "path": "src/utils/base64.ts",
    "content": "/* eslint-disable no-bitwise */\n// @ts-nocheck\n// @flow\n// Inspired by: https://github.com/davidchambers/Base64.js/blob/master/base64.js\n\nconst chars =\n    \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\nconst Base64 = {\n    btoa: (input: string = \"\") => {\n        let str = input;\n        let output = \"\";\n\n        for (\n            let block = 0, charCode, i = 0, map = chars;\n            str.charAt(i | 0) || ((map = \"=\"), i % 1);\n            output += map.charAt(63 & (block >> (8 - (i % 1) * 8)))\n        ) {\n            charCode = str.charCodeAt((i += 3 / 4));\n\n            if (charCode > 0xff) {\n                throw new Error(\n                    \"'btoa' failed: The string to be encoded contains characters outside of the Latin1 range.\",\n                );\n            }\n\n            block = (block << 8) | charCode;\n        }\n\n        return output;\n    },\n\n    atob: (input: string = \"\") => {\n        let str = input.replace(/[=]+$/, \"\");\n        let output = \"\";\n\n        if (str.length % 4 == 1) {\n            throw new Error(\n                \"'atob' failed: The string to be decoded is not correctly encoded.\",\n            );\n        }\n        for (\n            let bc = 0, bs = 0, buffer, i = 0;\n            (buffer = str.charAt(i++));\n            ~buffer && ((bs = bc % 4 ? bs * 64 + buffer : buffer), bc++ % 4)\n                ? (output += String.fromCharCode(255 & (bs >> ((-2 * bc) & 6))))\n                : 0\n        ) {\n            buffer = chars.indexOf(buffer);\n        }\n\n        return output;\n    },\n};\n\nexport default Base64;\n"
  },
  {
    "path": "src/utils/checkUpdate.ts",
    "content": "import axios from \"axios\";\nimport { compare } from \"compare-versions\";\nimport DeviceInfo from \"react-native-device-info\";\n\nconst updateList = [\n    \"https://gitee.com/maotoumao/MusicFree/raw/master/release/version.json\",\n    \"https://raw.githubusercontent.com/maotoumao/MusicFree/master/release/version.json\",\n    \"https://cdn.jsdelivr.net/gh/maotoumao/MusicFree@master/release/version.json\",\n];\n\ninterface IUpdateInfo {\n    needUpdate: boolean;\n    data: {\n        version: string;\n        changeLog: string[];\n        download: string[];\n    };\n}\n\nexport default async function checkUpdate(): Promise<IUpdateInfo | undefined> {\n    const currentVersion = DeviceInfo.getVersion();\n    for (let i = 0; i < updateList.length; ++i) {\n        try {\n            const rawInfo = (await axios.get(updateList[i])).data;\n            if (compare(rawInfo.version, currentVersion, \">\")) {\n                return {\n                    needUpdate: true,\n                    data: rawInfo,\n                };\n            }\n        } catch {}\n    }\n}\n"
  },
  {
    "path": "src/utils/colorUtil.ts",
    "content": "import Color from \"color\";\n\nexport function grayRate(color: string | Color) {\n    let _color = typeof color === \"string\" ? Color(color) : color;\n\n    return (\n        ((0.299 * _color.red() +\n            0.587 * _color.green() +\n            0.114 * _color.blue()) *\n            2 -\n            255) /\n        255\n    );\n}\n\nexport function grayLevelCode(color: string | Color) {\n    const gray = grayRate(color);\n    console.log(gray);\n    if (gray < 96) {\n        return \"dark\";\n    } else if (gray > 160) {\n        return \"light\";\n    } else {\n        return \"mid\";\n    }\n}\n"
  },
  {
    "path": "src/utils/delay.ts",
    "content": "import BackgroundTimer from \"react-native-background-timer\";\n\nexport default function (millsecond: number, background = true) {\n    return new Promise<void>(resolve => {\n        if (background) {\n            BackgroundTimer.setTimeout(resolve, millsecond);\n        } else {\n            setTimeout(resolve, millsecond);\n        }\n    });\n}\n"
  },
  {
    "path": "src/utils/eventBus.ts",
    "content": "import EventEmitter from \"eventemitter3\";\r\n\r\nclass EventBus<EventTypes> {\r\n    private ee: EventEmitter;\r\n\r\n    constructor() {\r\n        this.ee = new EventEmitter();\r\n    }\r\n\r\n    /**\r\n     * 监听\r\n     * @param eventName 事件名\r\n     * @param callBack 回调\r\n     */\r\n    on<T extends EventTypes, K extends keyof T & (string | symbol)>(\r\n        eventName: K,\r\n        callBack: (payload: T[K]) => void,\r\n    ) {\r\n        this.ee.on(eventName, callBack);\r\n    }\r\n\r\n    once<T extends EventTypes, K extends keyof T & (string | symbol)>(\r\n        eventName: K,\r\n        callBack: (payload: T[K]) => void,\r\n    ) {\r\n        this.ee.once(eventName, callBack);\r\n    }\r\n\r\n    emit<T extends EventTypes, K extends keyof T & (string | symbol)>(\r\n        eventName: K,\r\n        payload?: T[K],\r\n    ) {\r\n        this.ee.emit(eventName, payload);\r\n    }\r\n\r\n    off<T extends EventTypes, K extends keyof T & (string | symbol)>(\r\n        eventName: K,\r\n        callBack: (payload: T[K]) => void,\r\n    ) {\r\n        this.ee.off(eventName, callBack);\r\n    }\r\n}\r\n\r\nexport default EventBus;\r\n"
  },
  {
    "path": "src/utils/fileUtils.ts",
    "content": "import pathConst from \"@/constants/pathConst\";\r\nimport FastImage from \"react-native-fast-image\";\r\nimport RNFS, {\r\n    PicturesDirectoryPath,\r\n    copyFile,\r\n    downloadFile,\r\n    exists,\r\n    mkdir,\r\n    readDir,\r\n    unlink,\r\n    writeFile,\r\n} from \"react-native-fs\";\r\nimport { errorLog } from \"./log\";\r\nimport path from \"path-browserify\";\r\nimport resolveAssetSource from \"react-native/Libraries/Image/resolveAssetSource\";\r\n\r\nconst galleryBasePath = `${PicturesDirectoryPath}/MusicFree/`;\r\n\r\n/**\r\n * 将图片保存到相册\r\n * @param src 图片地址\r\n * @returns 保存后的文件路径\r\n */\r\nexport async function saveToGallery(src: string) {\r\n    const fileName = `${galleryBasePath}${Date.now()}.png`;\r\n    if (!(await exists(galleryBasePath))) {\r\n        await mkdir(galleryBasePath);\r\n    }\r\n    if (await exists(src)) {\r\n        try {\r\n            await copyFile(src, fileName);\r\n        } catch (e) {\r\n            console.log(\"... \", e);\r\n        }\r\n    }\r\n    if (src.startsWith(\"http\")) {\r\n        const { promise } = downloadFile({\r\n            fromUrl: src,\r\n            toFile: fileName,\r\n            background: true,\r\n        });\r\n        await promise;\r\n    }\r\n    if (src.startsWith(\"data\")) {\r\n        await writeFile(fileName, src);\r\n    }\r\n\r\n    return fileName;\r\n}\r\n\r\nexport function sizeFormatter(bytes: number | string) {\r\n    if (typeof bytes === \"string\") {\r\n        return bytes;\r\n    }\r\n    if (bytes === 0) {\r\n        return \"0B\";\r\n    }\r\n    let k = 1024,\r\n        sizes = [\"B\", \"KB\", \"MB\", \"GB\"],\r\n        i = Math.floor(Math.log(bytes) / Math.log(k));\r\n    return (bytes / Math.pow(k, i)).toFixed(1) + sizes[i];\r\n}\r\n\r\nexport async function checkAndCreateDir(dirPath: string) {\r\n    const filePath = dirPath;\r\n    try {\r\n        if (!(await exists(filePath))) {\r\n            await mkdir(filePath);\r\n        }\r\n    } catch (e) {\r\n        errorLog(\"无法初始化目录\", { path: dirPath, e });\r\n    }\r\n}\r\n\r\nasync function getFolderSize(dirPath: string): Promise<number> {\r\n    let size = 0;\r\n    try {\r\n        const fns = await readDir(dirPath);\r\n        for (let fn of fns) {\r\n            if (fn.isFile()) {\r\n                size += fn.size;\r\n            }\r\n            // todo: 可以改成并行 promise.all\r\n            if (fn.isDirectory()) {\r\n                size += await getFolderSize(fn.path);\r\n            }\r\n        }\r\n    } catch {}\r\n    return size;\r\n}\r\n\r\nexport async function getCacheSize(\r\n    type: \"music\" | \"lyric\" | \"image\",\r\n): Promise<number> {\r\n    if (type === \"music\") {\r\n        return getFolderSize(pathConst.musicCachePath);\r\n    } else if (type === \"lyric\") {\r\n        return getFolderSize(pathConst.lrcCachePath);\r\n    } else if (type === \"image\") {\r\n        return getFolderSize(pathConst.imageCachePath);\r\n    }\r\n    throw new Error();\r\n}\r\n\r\nexport async function clearCache(type: \"music\" | \"lyric\" | \"image\") {\r\n    if (type === \"music\") {\r\n        try {\r\n            if (await exists(pathConst.musicCachePath)) {\r\n                return unlink(pathConst.musicCachePath);\r\n            }\r\n        } catch {}\r\n    } else if (type === \"lyric\") {\r\n        try {\r\n            const lrcs = readDir(pathConst.lrcCachePath);\r\n            return Promise.all((await lrcs).map(_ => unlink(_.path)));\r\n        } catch {}\r\n    } else if (type === \"image\") {\r\n        return FastImage.clearDiskCache();\r\n    }\r\n}\r\n\r\nexport function addFileScheme(fileName: string) {\r\n    if (fileName.startsWith(\"/\")) {\r\n        return `file://${fileName}`;\r\n    }\r\n    return fileName;\r\n}\r\n\r\nexport function addRandomHash(url: string) {\r\n    if (url.indexOf(\"#\") === -1) {\r\n        return `${url}#${Date.now()}`;\r\n    }\r\n    return url;\r\n}\r\n\r\nexport function trimHash(url: string) {\r\n    const index = url.lastIndexOf(\"#\");\r\n    if (index === -1) {\r\n        return url;\r\n    }\r\n    return url.substring(0, index);\r\n}\r\n\r\nexport function escapeCharacter(str?: string) {\r\n    return str !== undefined ? `${str}`.replace(/[/|\\\\?*\"<>:]+/g, \"_\") : \"\";\r\n}\r\n\r\nexport function getDirectory(dirPath: string) {\r\n    const lastSlash = dirPath.lastIndexOf(\"/\");\r\n    if (lastSlash === -1) {\r\n        return dirPath;\r\n    }\r\n    return dirPath.slice(0, lastSlash);\r\n}\r\n\r\nexport function getFileName(filePath: string, withoutExt?: boolean) {\r\n    const lastSlash = filePath.lastIndexOf(\"/\");\r\n    if (lastSlash === -1) {\r\n        return filePath;\r\n    }\r\n    let fileName = filePath.slice(lastSlash + 1);\r\n    if (withoutExt) {\r\n        const lastDot = fileName.lastIndexOf(\".\");\r\n        fileName = lastDot === -1 ? fileName : fileName.slice(0, lastDot);\r\n    }\r\n\r\n    try {\r\n        return decodeURIComponent(fileName);\r\n    } catch {\r\n        return fileName;\r\n    }\r\n}\r\n\r\nexport async function mkdirR(directory: string) {\r\n    let folder = directory;\r\n    const checkStack: string[] = [];\r\n    while (folder.length > 15) {\r\n        checkStack.push(folder);\r\n        folder = path.dirname(folder);\r\n    }\r\n    let existPos = 0;\r\n    for (let i = 0; i < checkStack.length; ++i) {\r\n        const isExist = await exists(checkStack[i]);\r\n        if (isExist) {\r\n            existPos = i;\r\n            break;\r\n        }\r\n    }\r\n\r\n    for (let j = existPos - 1; j >= 0; --j) {\r\n        try {\r\n            await mkdir(checkStack[j]);\r\n        } catch (e) {\r\n            console.log(\"error\", e);\r\n        }\r\n    }\r\n}\r\n\r\nexport async function writeInChunks(\r\n    filePath: string,\r\n    data,\r\n    chunkSize = 1024 * 1024 * 2,\r\n) {\r\n    let offset = 0;\r\n    if (await exists(filePath)) {\r\n        await unlink(filePath);\r\n    }\r\n\r\n    while (offset < data.length) {\r\n        const chunk = data.slice(offset, offset + chunkSize);\r\n        if (offset === 0) {\r\n            await RNFS.writeFile(filePath, chunk, \"utf8\");\r\n        } else {\r\n            await RNFS.appendFile(filePath, chunk, \"utf8\");\r\n        }\r\n        offset += chunkSize;\r\n    }\r\n}\r\n\r\n\r\nexport function resolveImportedAssetOrPath(pathOrAsset: string | number | undefined) {\r\n    return pathOrAsset === undefined\r\n        ? undefined\r\n        : typeof pathOrAsset === \"string\"\r\n            ? pathOrAsset\r\n            : resolveImportedAsset(pathOrAsset);\r\n}\r\n\r\nfunction resolveImportedAsset(id?: number) {\r\n    return id\r\n        ? (resolveAssetSource(id) as { uri: string } | null) ?? undefined\r\n        : undefined;\r\n}"
  },
  {
    "path": "src/utils/getOrCreateMMKV.ts",
    "content": "import pathConst from \"@/constants/pathConst\";\nimport { MMKV } from \"react-native-mmkv\";\n\nconst _mmkvCache: Record<string, MMKV> = {};\n\n// @ts-ignore;\nglobal.mmkv = _mmkvCache;\n\n// Internal Method\nconst getOrCreateMMKV = (dbName: string, cachePath = false) => {\n    if (_mmkvCache[dbName]) {\n        return _mmkvCache[dbName];\n    }\n\n    const newStore = new MMKV({\n        id: dbName,\n        path: cachePath ? pathConst.mmkvCachePath : pathConst.mmkvPath,\n    });\n\n    _mmkvCache[dbName] = newStore;\n    return newStore;\n};\n\nexport default getOrCreateMMKV;\n"
  },
  {
    "path": "src/utils/getUrlExt.ts",
    "content": "import path from \"path-browserify\";\n\nexport default function getUrlExt(url?: string) {\n    if (!url) {\n        return;\n    }\n    const ext = path.extname(url);\n\n    const extraTag = ext.indexOf(\"?\");\n\n    if (ext) {\n        if (extraTag !== -1) {\n            return ext.slice(0, extraTag);\n        } else {\n            return ext;\n        }\n    }\n    return url;\n}\n"
  },
  {
    "path": "src/utils/htmlUtil.ts",
    "content": "// HTML sanitizer function to prevent XSS attacks\nexport function sanitizeHtml(html: string): string {\n    // Remove script tags and their content\n    html = html.replace(/<script\\b[^<]*(?:(?!<\\/script>)<[^<]*)*<\\/script>/gi, \"\");\n    \n    // Remove dangerous event handlers\n    html = html.replace(/\\s*on\\w+\\s*=\\s*[^>]*/gi, \"\");\n    \n    // Remove javascript: URLs\n    html = html.replace(/javascript:/gi, \"\");\n    \n    // Remove data: URLs (except safe image types)\n    html = html.replace(/data:(?!image\\/(png|jpg|jpeg|gif|svg|webp))[^\"'\\s>]*/gi, \"\");\n    \n    // Remove iframe, object, embed tags\n    html = html.replace(/<(iframe|object|embed|applet|link|meta)\\b[^>]*>/gi, \"\");\n    html = html.replace(/<\\/(iframe|object|embed|applet|link|meta)>/gi, \"\");\n    \n    // Remove form tags\n    html = html.replace(/<\\/?form\\b[^>]*>/gi, \"\");\n    \n    // Remove input, button, textarea tags\n    html = html.replace(/<(input|button|textarea)\\b[^>]*>/gi, \"\");\n    \n    // Sanitize href attributes to only allow safe protocols\n    html = html.replace(/href\\s*=\\s*[\"']([^\"']*)[\"']/gi, (match, url) => {\n        const trimmedUrl = url.trim().toLowerCase();\n        if (trimmedUrl.startsWith(\"http://\") || \n            trimmedUrl.startsWith(\"https://\") || \n            trimmedUrl.startsWith(\"mailto:\") ||\n            trimmedUrl.startsWith(\"#\") ||\n            trimmedUrl.startsWith(\"/\")) {\n            return match;\n        }\n        return \"href=\\\"#\\\"\";\n    });\n    \n    // Sanitize src attributes for images\n    html = html.replace(/src\\s*=\\s*[\"']([^\"']*)[\"']/gi, (match, url) => {\n        const trimmedUrl = url.trim().toLowerCase();\n        if (\n            trimmedUrl.startsWith(\"http://\") || \n            trimmedUrl.startsWith(\"https://\") || \n            trimmedUrl.startsWith(\"data:image/\") ||\n            trimmedUrl.startsWith(\"/\")) {\n            return match;\n        }\n        return \"src=\\\"\\\"\";\n    });\n    \n    return html;\n}"
  },
  {
    "path": "src/utils/jsonUtil.ts",
    "content": "export function safeStringify(raw: any): string {\n    try {\n        return JSON.stringify(raw);\n    } catch {\n        return \"\";\n    }\n}\n\n\nexport function safeParse<T = any>(raw?: string) {\n    try {\n        if (!raw) {\n            return null;\n        }\n        return JSON.parse(raw) as T;\n    } catch {\n        return null;\n    }\n}\n"
  },
  {
    "path": "src/utils/log.ts",
    "content": "import { fileAsyncTransport, logger } from \"react-native-logs\";\nimport RNFS, { readDir, readFile } from \"react-native-fs\";\nimport pathConst from \"@/constants/pathConst\";\nimport Config from \"../core/appConfig.ts\";\nimport { addLog } from \"@/lib/react-native-vdebug/src/log\";\n\nconst config = {\n    transport: fileAsyncTransport,\n    transportOptions: {\n        FS: RNFS,\n        filePath: pathConst.logPath,\n        fileName: \"error-log-{date-today}.log\",\n    },\n    dateFormat: \"local\",\n};\n\nconst traceConfig = {\n    transport: fileAsyncTransport,\n    transportOptions: {\n        FS: RNFS,\n        filePath: pathConst.logPath,\n        fileName: \"trace-log.log\",\n    },\n    dateFormat: \"local\",\n};\n\nconst log = logger.createLogger(config);\nconst traceLogger = logger.createLogger(traceConfig);\n\nexport function trace(\n    desc: string,\n    message?: any,\n    level: \"info\" | \"error\" = \"info\",\n) {\n    if (__DEV__) {\n        console.log(desc, message);\n    }\n    // 特殊情况记录操作路径\n    if (Config.getConfig(\"debug.traceLog\")) {\n        traceLogger[level]({\n            desc,\n            message,\n        });\n    }\n}\n\nexport async function clearLog() {\n    const files = await RNFS.readDir(pathConst.logPath);\n    await Promise.all(\n        files.map(async file => {\n            if (file.isFile()) {\n                try {\n                    await RNFS.unlink(file.path);\n                } catch {}\n            }\n        }),\n    );\n}\n\nexport async function getErrorLogContent() {\n    try {\n        const files = await readDir(pathConst.logPath);\n        console.log(files);\n        const today = new Date();\n        // 两天的错误日志\n        const yesterday = new Date();\n        yesterday.setDate(today.getDate() - 1);\n        const todayLog = files.find(\n            _ =>\n                _.isFile() &&\n                _.path.endsWith(\n                    `error-log-${today.getDate()}-${\n                        today.getMonth() + 1\n                    }-${today.getFullYear()}.log`,\n                ),\n        );\n        const yesterdayLog = files.find(\n            _ =>\n                _.isFile() &&\n                _.path.endsWith(\n                    `error-log-${yesterday.getDate()}-${\n                        yesterday.getMonth() + 1\n                    }-${yesterday.getFullYear()}.log`,\n                ),\n        );\n        let logContent = \"\";\n        if (todayLog) {\n            logContent += await readFile(todayLog.path, \"utf8\");\n        }\n        if (yesterdayLog) {\n            logContent += await readFile(yesterdayLog.path, \"utf8\");\n        }\n        return logContent;\n    } catch {\n        return \"\";\n    }\n}\n\nexport function errorLog(desc: string, message: any) {\n    if (Config.getConfig(\"debug.errorLog\")) {\n        log.error({\n            desc,\n            message,\n        });\n        trace(desc, message, \"error\");\n    }\n}\n\nexport function devLog(\n    method: \"log\" | \"error\" | \"warn\" | \"info\",\n    ...args: any[]\n) {\n    if (Config.getConfig(\"debug.devLog\")) {\n        addLog(method, args);\n    }\n}\n\nexport { log };\n"
  },
  {
    "path": "src/utils/lrcParser.ts",
    "content": "const timeReg = /\\[[\\d:.]+\\]/g;\nconst metaReg = /\\[(.+):(.+)\\]/g;\n\ntype LyricMeta = Record<string, any>;\n\ninterface IOptions {\n    musicItem?: IMusic.IMusicItem;\n    lyricSource?: ILyric.ILyricSource;\n    translation?: string;\n    extra?: Record<string, any>;\n}\n\nexport interface IParsedLrcItem {\n    /** 时间 s */\n    time: number;\n    /** 歌词 */\n    lrc: string;\n    /** 翻译 */\n    translation?: string;\n    /** 位置 */\n    index: number;\n}\n\nexport default class LyricParser {\n    private _musicItem?: IMusic.IMusicItem;\n\n    private meta: LyricMeta;\n    private lrcItems: Array<IParsedLrcItem>;\n\n    private extra: Record<string, any>;\n\n    private lastSearchIndex = 0;\n\n    public hasTranslation = false;\n    public lyricSource?: ILyric.ILyricSource;\n\n    get musicItem() {\n        return this._musicItem;\n    }\n\n    constructor(raw: string, options?: IOptions) {\n        // init\n        this._musicItem = options?.musicItem;\n        this.extra = options?.extra || {};\n        this.lyricSource = options?.lyricSource;\n\n        let translation = options?.translation;\n        if (!raw && translation) {\n            raw = translation;\n            translation = undefined;\n        }\n\n        const { lrcItems, meta } = this.parseLyricImpl(raw);\n        if (this.extra.offset) {\n            meta.offset = (meta.offset ?? 0) + this.extra.offset;\n        }\n        this.meta = meta;\n        this.lrcItems = lrcItems;\n\n        if (translation) {\n            this.hasTranslation = true;\n            const transLrcItems = this.parseLyricImpl(translation).lrcItems;\n\n            // 2 pointer\n            let p1 = 0;\n            let p2 = 0;\n\n            while (p1 < this.lrcItems.length) {\n                const lrcItem = this.lrcItems[p1];\n                while (\n                    transLrcItems[p2].time < lrcItem.time &&\n                    p2 < transLrcItems.length - 1\n                ) {\n                    ++p2;\n                }\n                if (transLrcItems[p2].time === lrcItem.time) {\n                    lrcItem.translation = transLrcItems[p2].lrc;\n                } else {\n                    lrcItem.translation = \"\";\n                }\n\n                ++p1;\n            }\n        }\n    }\n\n    getPosition(position: number): IParsedLrcItem | null {\n        position = position - (this.meta?.offset ?? 0);\n        let index;\n        /** 最前面 */\n        if (!this.lrcItems[0] || position < this.lrcItems[0].time) {\n            this.lastSearchIndex = 0;\n            return null;\n        }\n        for (\n            index = this.lastSearchIndex;\n            index < this.lrcItems.length - 1;\n            ++index\n        ) {\n            if (\n                position >= this.lrcItems[index].time &&\n                position < this.lrcItems[index + 1].time\n            ) {\n                this.lastSearchIndex = index;\n                return this.lrcItems[index];\n            }\n        }\n\n        for (index = 0; index < this.lastSearchIndex; ++index) {\n            if (\n                position >= this.lrcItems[index].time &&\n                position < this.lrcItems[index + 1].time\n            ) {\n                this.lastSearchIndex = index;\n                return this.lrcItems[index];\n            }\n        }\n\n        index = this.lrcItems.length - 1;\n        this.lastSearchIndex = index;\n        return this.lrcItems[index];\n    }\n\n    getLyricItems() {\n        return this.lrcItems;\n    }\n\n    getMeta() {\n        return this.meta;\n    }\n\n    toString(options?: {\n        withTimestamp?: boolean;\n        type?: \"raw\" | \"translation\";\n    }) {\n        const { type = \"raw\", withTimestamp = true } = options || {};\n\n        if (withTimestamp) {\n            return this.lrcItems\n                .map(\n                    item =>\n                        `${this.timeToLrctime(item.time)} ${\n                            type === \"raw\" ? item.lrc : item.translation\n                        }`,\n                )\n                .join(\"\\r\\n\");\n        } else {\n            return this.lrcItems\n                .map(item => (type === \"raw\" ? item.lrc : item.translation))\n                .join(\"\\r\\n\");\n        }\n    }\n\n    /** [xx:xx.xx] => x s */\n    private parseTime(timeStr: string): number {\n        let result = 0;\n        const nums = timeStr.slice(1, timeStr.length - 1).split(\":\");\n        for (let i = 0; i < nums.length; ++i) {\n            result = result * 60 + +nums[i];\n        }\n        return result;\n    }\n    /** x s => [xx:xx.xx] */\n    private timeToLrctime(sec: number) {\n        const min = Math.floor(sec / 60);\n        sec = sec - min * 60;\n        const secInt = Math.floor(sec);\n        const secFloat = sec - secInt;\n        return `[${min.toFixed(0).padStart(2, \"0\")}:${secInt\n            .toString()\n            .padStart(2, \"0\")}.${secFloat.toFixed(2).slice(2)}]`;\n    }\n\n    private parseMetaImpl(metaStr: string) {\n        if (metaStr === \"\") {\n            return {};\n        }\n        const metaArr = metaStr.match(metaReg) ?? [];\n        const meta: any = {};\n        let k, v;\n        for (const m of metaArr) {\n            k = m.substring(1, m.indexOf(\":\"));\n            v = m.substring(k.length + 2, m.length - 1);\n            if (k === \"offset\") {\n                meta[k] = +v / 1000;\n            } else {\n                meta[k] = v;\n            }\n        }\n        return meta;\n    }\n\n    private parseLyricImpl(raw: string) {\n        raw = raw.trim();\n        const rawLrcItems: Array<IParsedLrcItem> = [];\n        const rawLrcs = raw.split(timeReg) ?? [];\n        const rawTimes = raw.match(timeReg) ?? [];\n        const len = rawTimes.length;\n\n        const meta = this.parseMetaImpl(rawLrcs[0].trim());\n        rawLrcs.shift();\n\n        let counter = 0;\n        let j, lrc;\n        for (let i = 0; i < len; ++i) {\n            counter = 0;\n            while (rawLrcs[0] === \"\") {\n                ++counter;\n                rawLrcs.shift();\n            }\n            lrc = rawLrcs[0]?.trim?.() ?? \"\";\n            for (j = i; j < i + counter; ++j) {\n                rawLrcItems.push({\n                    time: this.parseTime(rawTimes[j]),\n                    lrc,\n                    index: j,\n                });\n            }\n            i += counter;\n            if (i < len) {\n                rawLrcItems.push({\n                    time: this.parseTime(rawTimes[i]),\n                    lrc,\n                    index: j,\n                });\n            }\n            rawLrcs.shift();\n        }\n        let lrcItems = rawLrcItems.sort((a, b) => a.time - b.time);\n        lrcItems.forEach((item, index) => {\n            item.index = index;\n        });\n        if (lrcItems.length === 0 && raw.length) {\n            lrcItems = raw.split(\"\\n\").map((_, index) => ({\n                time: 0,\n                lrc: _,\n                index,\n            }));\n        }\n\n        return {\n            lrcItems,\n            meta,\n        };\n    }\n}\n"
  },
  {
    "path": "src/utils/mediaExtra.ts",
    "content": "/**\n * 媒体资源的附加属性\n */\nimport getOrCreateMMKV from \"@/utils/getOrCreateMMKV\";\nimport { getMediaUniqueKey } from \"@/utils/mediaUtils\";\nimport { useEffect, useState } from \"react\";\nimport { safeParse } from \"./jsonUtil\";\n\n// Internal Method\nconst getPluginStore = (pluginName: string) => {\n    return getOrCreateMMKV(`MediaExtra.${pluginName}`);\n};\n\n/** 音乐的附加属性 */\ninterface IMediaExtraProperties {\n    /** 是否已下载 */\n    downloaded?: boolean;\n    /** 本地路径 */\n    localPath?: string;\n    /** 歌词偏移 */\n    lyricOffset?: number;\n    /** 关联歌词 */\n    associatedLrc?: ICommon.IMediaBase\n}\n\n\nconst observerCallbacks = new Map<string, Set<(extra: IMediaExtraProperties | null) => void>>();\n\n/**\n * 获取媒体资源的全部附加属性\n * @param mediaItem 媒体资源\n * @returns \n */\nfunction getMediaExtra(mediaItem: ICommon.IMediaBase | null): IMediaExtraProperties | null {\n    if (!mediaItem?.platform || !mediaItem.id) {\n        return null;\n    }\n\n    const meta = getPluginStore(mediaItem.platform).getString(\n        `${mediaItem.id}`,\n    );\n    if (!meta) {\n        return null;\n    }\n    const parsedMeta = safeParse<IMediaExtraProperties>(meta);\n    return parsedMeta;\n}\n\n\n/**\n * 获取媒体资源的附加属性值\n * @param mediaItem \n * @param key \n * @returns \n */\nfunction getMediaExtraProperty<K extends keyof IMediaExtraProperties>(mediaItem: ICommon.IMediaBase | null, key: K): IMediaExtraProperties[K] | null {\n    const meta = getMediaExtra(mediaItem);\n    return meta ? meta[key] : null;\n}\n\n/**\n * 更新媒体资源的附加属性\n * @param mediaItem 媒体资源\n * @param extra 附加属性\n * @returns \n */\nfunction patchMediaExtra(mediaItem: ICommon.IMediaBase, extra: Partial<IMediaExtraProperties>) {\n    if (!mediaItem.platform || !mediaItem.id) {\n        return null;\n    }\n\n    const originalMeta = getMediaExtra(mediaItem);\n    const store = getPluginStore(mediaItem.platform);\n    const newMeta = {\n        ...originalMeta,\n        ...extra,\n    };\n    store.set(`${mediaItem.id}`, JSON.stringify(newMeta));\n\n    // 发送事件更新\n    const callbacks = observerCallbacks.get(getMediaUniqueKey(mediaItem));\n    if (callbacks && callbacks.size > 0) {\n        for (const callback of callbacks) {\n            callback(newMeta);\n        }\n    }\n\n    return newMeta;\n}\n\n/**\n * 直接替换媒体资源的附加属性\n * @param mediaItem 媒体资源\n * @param extra 附加属性\n * @returns \n */\nfunction setMediaExtra(mediaItem: ICommon.IMediaBase, extra: IMediaExtraProperties) {\n    if (!mediaItem.platform || !mediaItem.id) {\n        return null;\n    }\n    const store = getPluginStore(mediaItem.platform);\n    store.set(`${mediaItem.id}`, JSON.stringify(extra));\n\n    // 发送事件更新\n    const callbacks = observerCallbacks.get(getMediaUniqueKey(mediaItem));\n    if (callbacks && callbacks.size > 0) {\n        for (const callback of callbacks) {\n            callback(extra);\n        }\n    }\n\n    return extra;\n}\n\n/**\n * 删除媒体资源的附加属性\n * @param mediaItem 媒体资源\n * @returns \n */\nfunction removeMediaExtra(mediaItem: ICommon.IMediaBase) {\n    if (!mediaItem.platform || !mediaItem.id) {\n        return false;\n    }\n    const store = getPluginStore(mediaItem.platform);\n    store.delete(`${mediaItem.id}`);\n\n    // 发送事件更新\n    const callbacks = observerCallbacks.get(getMediaUniqueKey(mediaItem));\n    if (callbacks && callbacks.size > 0) {\n        for (const callback of callbacks) {\n            callback(null);\n        }\n    }\n\n    return true;\n}\n\n/**\n * 删除所有媒体资源的附加属性\n * @param pluginName 插件名称\n */\nfunction removeAllMediaExtra(pluginName: string) {\n    const store = getPluginStore(pluginName);\n    store.clearAll();\n\n    // 寻找所有pluginName开头的key\n    const keys = observerCallbacks.keys();\n    for (const key of keys) {\n        if (key.startsWith(pluginName + \"@\")) {\n            const callbacks = observerCallbacks.get(key);\n\n            if (callbacks && callbacks.size > 0) {\n                for (const callback of callbacks) {\n                    callback(null);\n                }\n            }\n        }\n    }\n}\n\n\nfunction useMediaExtra(mediaItem: ICommon.IMediaBase) {\n    const [mediaExtraState, setMediaExtraState] = useState<IMediaExtraProperties | null>(getMediaExtra(mediaItem));\n\n    useEffect(() => {\n        const callback = (mediaExtra: IMediaExtraProperties | null) => {\n            setMediaExtraState(mediaExtra);\n        };\n\n\n        if (!mediaItem) {\n            setMediaExtraState(null);\n        } else {\n            setMediaExtraState(getMediaExtra(mediaItem));\n\n            const mediaKey = getMediaUniqueKey(mediaItem);\n            if (!observerCallbacks.has(mediaKey)) {\n                observerCallbacks.set(mediaKey, new Set());\n            }\n            const callbacks = observerCallbacks.get(mediaKey);\n            if (callbacks) {\n                callbacks.add(callback);\n            }\n        }\n\n\n        return () => {\n            const mediaKey = getMediaUniqueKey(mediaItem);\n            if (observerCallbacks.has(mediaKey)) {\n                const callbacks = observerCallbacks.get(mediaKey);\n                if (callbacks) {\n                    callbacks.delete(callback);\n                    if (callbacks.size === 0) {\n                        observerCallbacks.delete(mediaKey);\n                    }\n                }\n\n            }\n        };\n    }, [mediaItem]);\n\n    return mediaExtraState;\n}\n\n\nfunction useMediaExtraProperty<K extends keyof IMediaExtraProperties>(mediaItem: ICommon.IMediaBase, key: K) {\n    const [mediaExtraPropertyState, setMediaExtraPropertyState] = useState<IMediaExtraProperties[K] | null>(getMediaExtraProperty(mediaItem, key));\n\n    useEffect(() => {\n        const callback = (mediaExtra: IMediaExtraProperties | null) => {\n            setMediaExtraPropertyState(mediaExtra ? mediaExtra[key] : null);\n        };\n\n        if (!mediaItem) {\n            setMediaExtraPropertyState(null);\n        } else {\n            setMediaExtraPropertyState(getMediaExtraProperty(mediaItem, key));\n\n            const mediaKey = getMediaUniqueKey(mediaItem);\n            if (!observerCallbacks.has(mediaKey)) {\n                observerCallbacks.set(mediaKey, new Set());\n            }\n            const callbacks = observerCallbacks.get(mediaKey);\n            if (callbacks) {\n                callbacks.add(callback);\n            }\n        }\n\n\n        return () => {\n            const mediaKey = getMediaUniqueKey(mediaItem);\n            if (observerCallbacks.has(mediaKey)) {\n                const callbacks = observerCallbacks.get(mediaKey);\n                if (callbacks) {\n                    callbacks.delete(callback);\n                    if (callbacks.size === 0) {\n                        observerCallbacks.delete(mediaKey);\n                    }\n                }\n            }\n        };\n    }, [mediaItem]);\n\n    return mediaExtraPropertyState;\n}\n\n\nexport {\n    getMediaExtra,\n    getMediaExtraProperty,\n    patchMediaExtra,\n    setMediaExtra,\n    removeMediaExtra,\n    removeAllMediaExtra,\n    useMediaExtra,\n    useMediaExtraProperty,\n};"
  },
  {
    "path": "src/utils/mediaIndexMap.ts",
    "content": "export interface IIndexMap {\n    getIndexMap: () => Record<string, Record<string, number>>;\n    getIndex: (mediaItem: ICommon.IMediaBase) => number;\n    has: (mediaItem: ICommon.IMediaBase) => boolean;\n}\n\nexport function createMediaIndexMap(\n    mediaItems: ICommon.IMediaBase[],\n): IIndexMap {\n    const indexMap: Record<string, Record<string, number>> = {};\n\n    mediaItems.forEach((item, index) => {\n        // 映射中不存在\n        if (!indexMap[item.platform]) {\n            indexMap[item.platform] = {\n                [item.id]: index,\n            };\n        } else {\n            // 修改映射\n            indexMap[item.platform][item.id] = index;\n        }\n    });\n\n    function getIndexMap() {\n        return indexMap;\n    }\n\n    function getIndex(mediaItem: ICommon.IMediaBase) {\n        if (!mediaItem) {\n            return -1;\n        }\n        return indexMap[mediaItem.platform]?.[mediaItem.id] ?? -1;\n    }\n\n    function has(mediaItem: ICommon.IMediaBase) {\n        if (!mediaItem) {\n            return false;\n        }\n\n        return indexMap[mediaItem.platform]?.[mediaItem.id] > -1;\n    }\n\n    return {\n        getIndexMap,\n        getIndex,\n        has,\n    };\n}\n"
  },
  {
    "path": "src/utils/mediaUtils.ts",
    "content": "import {\n    internalSerializeKey,\n    localPluginPlatform,\n} from \"@/constants/commonConst\";\nimport { getMediaExtraProperty } from \"./mediaExtra\";\n\n/**\n * 获取媒体资源的唯一key\n * @param mediaItem \n * @returns \n */\nexport function getMediaUniqueKey(mediaItem: ICommon.IMediaBase) {\n    return `${mediaItem.platform}@${mediaItem.id}`;\n}\n\n/**\n * 解析媒体资源的唯一key\n * @param key \n * @returns \n */\nexport function parseMediaUniqueKey(key: string): ICommon.IMediaBase {\n    try {\n        const str = JSON.parse(key.trim());\n        let platform, id;\n        if (typeof str === \"string\") {\n            [platform, id] = str.split(\"@\");\n        } else {\n            platform = str?.platform;\n            id = str?.id;\n        }\n        if (!platform || !id) {\n            throw new Error(\"mediakey不完整\");\n        }\n        return {\n            platform,\n            id,\n        };\n    } catch (e: any) {\n        throw e;\n    }\n}\n\n/**\n * 比较两个媒体资源是否相同\n * @param a \n * @param b \n * @returns \n */\nexport function isSameMediaItem(\n    a: ICommon.IMediaBase | null | undefined,\n    b: ICommon.IMediaBase | null | undefined,\n) {\n    // eslint-disable-next-line eqeqeq\n    return !!(a && b && a.id == b.id && a.platform === b.platform);\n}\n\n\n/** 获取复位的mediaItem */\nexport function resetMediaItem<T extends ICommon.IMediaBase>(\n    mediaItem: T,\n    platform?: string,\n    newObj?: boolean,\n): T {\n    // 本地音乐不做处理\n    if (\n        mediaItem.platform === localPluginPlatform ||\n        platform === localPluginPlatform\n    ) {\n        return newObj ? { ...mediaItem } : mediaItem;\n    }\n    if (!newObj) {\n        mediaItem.platform = platform ?? mediaItem.platform;\n        mediaItem[internalSerializeKey] = undefined;\n        return mediaItem;\n    } else {\n        return {\n            ...mediaItem,\n            platform: platform ?? mediaItem.platform,\n            [internalSerializeKey]: undefined,\n        };\n    }\n}\n\n/**\n * 获取媒体资源的本地路径，如果本地路径不存在，则返回null\n * @param mediaItem \n * @returns \n */\nexport function getLocalPath(mediaItem: ICommon.IMediaBase) {\n    if (!mediaItem) {\n        return null;\n    }\n\n    // 如果本身就是一个内部音乐\n    if (mediaItem.url && (mediaItem.url.startsWith(\"file://\") || mediaItem.url.startsWith(\"content://\"))) {\n        return mediaItem.url;\n    }\n\n    // 尝试从内部数据中获取 -- legacy logic\n    const legacyLocalPath = mediaItem?.[internalSerializeKey]?.localPath;\n    if (legacyLocalPath && typeof legacyLocalPath === \"string\") {\n        return legacyLocalPath;\n    }\n\n    // 从附加信息中获取\n    const localPathInMediaExtra = getMediaExtraProperty(mediaItem, \"localPath\");\n\n    return localPathInMediaExtra ?? null;\n}"
  },
  {
    "path": "src/utils/minDistance.ts",
    "content": "function makeMatrix(row: number, col: number) {\n    return Array(row)\n        .fill(0)\n        .map(_ => Array(col).fill(Infinity));\n}\n\nexport default function minDistance(word1?: string, word2?: string): number {\n    if (!word1 || !word2) {\n        return word1?.length || word2?.length || 0;\n    }\n\n    const dp = makeMatrix(word1.length + 1, word2.length + 1);\n\n    for (let i = 0; i <= word1.length; ++i) {\n        for (let j = 0; j <= word2.length; ++j) {\n            if (i === 0 || j === 0) {\n                dp[i][j] = i || j;\n                continue;\n            }\n            const currentStr1 = word1[i - 1];\n            const currentStr2 = word2[j - 1];\n            if (currentStr1 === currentStr2) {\n                dp[i][j] = Math.min(\n                    dp[i - 1][j - 1],\n                    dp[i - 1][j] + 1,\n                    dp[i][j - 1] + 1,\n                );\n            } else {\n                dp[i][j] = Math.min(\n                    dp[i - 1][j - 1] + 1,\n                    dp[i - 1][j] + 1,\n                    dp[i][j - 1] + 1,\n                );\n            }\n        }\n    }\n\n    return dp[word1.length][word2.length];\n}\n"
  },
  {
    "path": "src/utils/network.ts",
    "content": "import { emptyFunction } from \"@/constants/commonConst\";\nimport NetInfo from \"@react-native-community/netinfo\";\n\nenum NetworkState {\n    Offline = \"Offline\",\n    Wifi = \"Wifi\",\n    Cellular = \"Cellular\",\n}\n\nclass Network {\n    private _state: NetworkState = NetworkState.Wifi;\n\n    /** 获取网络状态 */\n    get state() {\n        return this._state;\n    }\n\n    /** 是否离线 */\n    get isOffline() {\n        return this._state === NetworkState.Offline;\n    }\n\n    /** 是否处于wifi环境 */\n    get isWifi() {\n        return this._state === NetworkState.Wifi;\n    }\n\n    /** 是否处于移动网络环境 */\n    get isCellular() {\n        return this._state === NetworkState.Cellular;\n    }\n\n    /** 是否链接网络 */\n    get isConnected() {\n        return this._state !== NetworkState.Offline;\n    }\n\n    constructor() {\n        NetInfo.fetch().then(state => {\n            this.mapState(state);\n        }).catch(emptyFunction);\n\n        NetInfo.addEventListener(state => {\n            this.mapState(state);\n        });\n    }\n\n    private mapState(state: any) {\n        if (state.type === \"none\") {\n            this._state = NetworkState.Offline;\n        } else if (state.type === \"wifi\") {\n            this._state = NetworkState.Wifi;\n        } else {\n            this._state = NetworkState.Cellular;\n        }\n    }\n\n}\n\nconst network = new Network();\nexport default network;\n"
  },
  {
    "path": "src/utils/notImplementedFunction.ts",
    "content": "export default function notImplementedFunction() {\n    // Not implemented\n}\n"
  },
  {
    "path": "src/utils/openUrl.ts",
    "content": "import { Linking } from \"react-native\";\nimport Toast from \"./toast\";\n\nexport default async function (url: string) {\n    try {\n        await Linking.canOpenURL(url);\n        return Linking.openURL(url);\n    } catch {\n        Toast.warn(\"无法打开链接\");\n    }\n}\n"
  },
  {
    "path": "src/utils/perfLogger.ts",
    "content": "export interface IPerfLogger {\n    mark: (label?: string) => void;\n}\n\nexport function perfLogger(): IPerfLogger {\n    const s = Date.now();\n\n    return {\n        mark(label?: string) {\n            console.log(`[${label || \"log\"}] ${Date.now() - s}ms`);\n        },\n    };\n}\n"
  },
  {
    "path": "src/utils/persistStatus.ts",
    "content": "/**\n * 全局持久化的状态\n */\n\nimport getOrCreateMMKV from \"@/utils/getOrCreateMMKV\";\nimport { useEffect, useState } from \"react\";\nimport { safeParse } from \"./jsonUtil\";\n\n// Internal Method\nconst getStore = () => {\n    return getOrCreateMMKV(\"App.PersistStatus\");\n};\n\ninterface IPersistStatus {\n    /** 当前的音乐 */\n    \"music.musicItem\": IMusic.IMusicItem;\n    /** 进度 */\n    \"music.progress\": number;\n    /** 模式 */\n    \"music.repeatMode\": string;\n    /** 列表 */\n    \"music.playList\": IMusic.IMusicItem[];\n    /** 速度 */\n    \"music.rate\": number;\n    /** 音质 */\n    \"music.quality\": IMusic.IQualityKey;\n    /** app */\n    \"app.skipVersion\": string;\n    /** 开屏弹窗 */\n    \"app.skipBootstrapStorageDialog\": boolean;\n    /** 语言设置 */\n    \"app.language\": string;\n    /** 上次更新插件的时间 */\n    \"app.pluginUpdateTime\": number;\n    /** 缓存的定时关闭自定义时间（分钟） */\n    \"app.scheduleCloseTime\": number;\n    /** 歌词-是否启用翻译 */\n    \"lyric.showTranslation\": boolean;\n    /** 歌词-详情页字体大小 */\n    \"lyric.detailFontSize\": number;\n}\n\nfunction set<K extends keyof IPersistStatus>(\n    key: K,\n    value: IPersistStatus[K] | undefined,\n) {\n    const store = getStore();\n    if (value === undefined) {\n        store.delete(key);\n    } else {\n        store.set(key, JSON.stringify(value));\n    }\n}\n\nfunction get<K extends keyof IPersistStatus>(key: K): IPersistStatus[K] | null {\n    const store = getStore();\n    const raw = store.getString(key);\n    if (raw) {\n        return safeParse(raw) as IPersistStatus[K];\n    }\n    return null;\n}\n\nfunction useValue<K extends keyof IPersistStatus>(\n    key: K,\n    defaultValue?: IPersistStatus[K],\n): IPersistStatus[K] | null {\n    const [state, setState] = useState<IPersistStatus[K] | null>(\n        get(key) ?? defaultValue ?? null,\n    );\n\n    useEffect(() => {\n        const store = getStore();\n        const sub = store.addOnValueChangedListener(changedKey => {\n            if (key === changedKey) {\n                setState(get(key));\n            }\n        });\n\n        return () => {\n            sub.remove();\n        };\n    }, []);\n\n    return state;\n}\n\nconst PersistStatus = {\n    get,\n    set,\n    useValue,\n};\n\nexport default PersistStatus;\n"
  },
  {
    "path": "src/utils/qualities.ts",
    "content": "/**\n * 音质相关的所有工具代码\n */\n\nexport const qualityKeys: IMusic.IQualityKey[] = [\n    \"low\",\n    \"standard\",\n    \"high\",\n    \"super\",\n];\n\nexport const qualityText = {\n    low: \"低音质\",\n    standard: \"标准音质\",\n    high: \"高音质\",\n    super: \"超高音质\",\n};\n\n/** 获取音质顺序 */\nexport function getQualityOrder(\n    qualityKey: IMusic.IQualityKey,\n    sort: \"asc\" | \"desc\",\n) {\n    const idx = qualityKeys.indexOf(qualityKey);\n    const left = qualityKeys.slice(0, idx);\n    const right = qualityKeys.slice(idx + 1);\n    if (sort === \"asc\") {\n        /** 优先高音质 */\n        return [qualityKey, ...right, ...left.reverse()];\n    } else {\n        /** 优先低音质 */\n        return [qualityKey, ...left.reverse(), ...right];\n    }\n}\n"
  },
  {
    "path": "src/utils/rpx.ts",
    "content": "import { Dimensions } from \"react-native\";\n\nconst windowWidth = Dimensions.get(\"window\").width;\nconst windowHeight = Dimensions.get(\"window\").height;\nconst minWindowEdge = Math.min(windowHeight, windowWidth);\nconst maxWindowEdge = Math.max(windowHeight, windowWidth);\n\nexport default function (rpx: number) {\n    return (rpx / 750) * minWindowEdge;\n}\n\nexport function vh(pct: number) {\n    return (pct / 100) * Dimensions.get(\"window\").height;\n}\n\nexport function vw(pct: number) {\n    return (pct / 100) * Dimensions.get(\"window\").width;\n}\n\nexport function vmin(pct: number) {\n    return (pct / 100) * minWindowEdge;\n}\n\nexport function vmax(pct: number) {\n    return (pct / 100) * maxWindowEdge;\n}\n\nexport function sh(pct: number) {\n    return (pct / 100) * Dimensions.get(\"screen\").height;\n}\n\nexport function sw(pct: number) {\n    return (pct / 100) * Dimensions.get(\"screen\").width;\n}\n"
  },
  {
    "path": "src/utils/scheduleClose.ts",
    "content": "import { TrackPlayerEvents } from \"@/core.defination/trackPlayer\";\nimport TrackPlayer from \"@/core/trackPlayer\";\nimport NativeUtils from \"@/native/utils\";\nimport { atom, getDefaultStore, useAtomValue } from \"jotai\";\nimport { useEffect, useRef, useState } from \"react\";\nimport BackgroundTimer from \"react-native-background-timer\";\n\n\nconst deadlineAtom = atom<number | null>(null);\nconst closeAfterPlayEndAtom = atom(false);\n\nlet timerId: any;\n\n\nasync function exitApp() {\n    await TrackPlayer.reset();\n    NativeUtils.exitApp();\n}\n\nfunction setScheduleClose(deadline: number | null) {\n    getDefaultStore().set(deadlineAtom, deadline);\n    timerId && BackgroundTimer.clearTimeout(timerId);\n    if (deadline && deadline > Date.now()) {\n        timerId = BackgroundTimer.setTimeout(async () => {\n            const playAfterEnd = getDefaultStore().get(closeAfterPlayEndAtom);\n            if (playAfterEnd) {\n                TrackPlayer.on(TrackPlayerEvents.PlayEnd, exitApp);\n            } else {\n                exitApp();\n            }\n\n        }, deadline - Date.now());\n    } else {\n        if (timerId) {\n            BackgroundTimer.clearTimeout(timerId);\n        }\n        timerId = null;\n    }\n}\n\nfunction setCloseAfterPlayEnd(closeAfterPlayEnd: boolean) {\n    if (!closeAfterPlayEnd) {\n        // 边界条件：如果倒计时结束后，Trackplayer停止播放前，取消了修改\n        TrackPlayer.off(TrackPlayerEvents.PlayEnd, exitApp);\n    }\n    getDefaultStore().set(closeAfterPlayEndAtom, closeAfterPlayEnd);\n}\n\nfunction useScheduleCloseCountDown() {\n    const deadline = useAtomValue(deadlineAtom);\n\n    const [countDown, setCountDown] = useState(\n        deadline ? deadline - Date.now() : null);\n\n    const intervalRef = useRef<any>();\n\n    useEffect(() => {\n        // deadline改变时，更新定时器\n        // 清除原有的定时器\n        intervalRef.current && clearInterval(intervalRef.current);\n        intervalRef.current = null;\n\n        // 清空定时\n        if (!deadline || deadline <= Date.now()) {\n            setCountDown(null);\n            return;\n        } else {\n            // 更新倒计时\n            setCountDown(Math.max(deadline - Date.now(), 0) / 1000);\n            intervalRef.current = setInterval(() => {\n                setCountDown(Math.max(deadline - Date.now(), 0) / 1000);\n            }, 1000);\n        }\n\n        return () => {\n            // 清除定时器\n            intervalRef.current && clearInterval(intervalRef.current);\n            intervalRef.current = null;\n        };\n    }, [deadline]);\n\n    return countDown;\n}\n\n\nconst useCloseAfterPlayEnd = () => useAtomValue(closeAfterPlayEndAtom);\n\n\nexport { setScheduleClose, useScheduleCloseCountDown, setCloseAfterPlayEnd, useCloseAfterPlayEnd };\n"
  },
  {
    "path": "src/utils/stateMapper.ts",
    "content": "import { useEffect, useState } from \"react\";\n\nexport default class StateMapper<T> {\n    private getFun: () => T;\n    private cbs: Set<Function> = new Set([]);\n    constructor(getFun: () => T) {\n        this.getFun = getFun;\n    }\n\n    notify = () => {\n        this.cbs.forEach(_ => _?.());\n    };\n\n    useMappedState = () => {\n        const [_state, _setState] = useState<T>(this.getFun);\n        const updateState = () => {\n            _setState(this.getFun());\n        };\n        useEffect(() => {\n            this.cbs.add(updateState);\n            return () => {\n                this.cbs.delete(updateState);\n            };\n        }, []);\n        return _state;\n    };\n}\n\ntype UpdateFunc<T> = (prev: T) => T;\n\nexport class GlobalState<T> {\n    private value: T;\n    private stateMapper: StateMapper<T>;\n\n    constructor(initValue: T) {\n        this.value = initValue;\n        this.stateMapper = new StateMapper(this.getValue);\n    }\n\n    public getValue = () => {\n        return this.value;\n    };\n\n    public useValue = () => {\n        return this.stateMapper.useMappedState();\n    };\n\n    public setValue = (value: T | UpdateFunc<T>) => {\n        let newValue: T;\n        if (typeof value === \"function\") {\n            newValue = (value as UpdateFunc<T>)(this.value);\n        } else {\n            newValue = value;\n        }\n\n        this.value = newValue;\n        this.stateMapper.notify();\n    };\n}\n"
  },
  {
    "path": "src/utils/storage.ts",
    "content": "import { errorLog } from \"@/utils/log\";\nimport AsyncStorage from \"@react-native-async-storage/async-storage\";\n\nexport async function setStorage(key: string, value: any) {\n    try {\n        await AsyncStorage.setItem(key, JSON.stringify(value, null, \"\"));\n    } catch (e: any) {\n        errorLog(`存储失败${key}`, e?.message);\n    }\n}\n\nexport async function getStorage(key: string) {\n    try {\n        const result = await AsyncStorage.getItem(key);\n        if (result) {\n            return JSON.parse(result);\n        }\n    } catch {}\n    return null;\n}\n\nexport async function getMultiStorage(keys: string[]) {\n    if (keys.length === 0) {\n        return [];\n    }\n    const result = await AsyncStorage.multiGet(keys);\n\n    return result.map(_ => {\n        try {\n            if (_[1]) {\n                return JSON.parse(_[1]);\n            }\n            return null;\n        } catch {\n            return null;\n        }\n    });\n}\n\nexport async function removeStorage(key: string) {\n    return AsyncStorage.removeItem(key);\n}\n"
  },
  {
    "path": "src/utils/timeformat.ts",
    "content": "export default function (time: number) {\n    time = Math.round(time);\n    if (time < 60) {\n        return `00:${time.toFixed(0).padStart(2, \"0\")}`;\n    }\n    const sec = Math.floor(time % 60);\n    time = Math.floor(time / 60);\n    const min = time % 60;\n    time = Math.floor(time / 60);\n    const formatted = `${min.toString().padStart(2, \"0\")}:${sec\n        .toFixed(0)\n        .padStart(2, \"0\")}`;\n    if (time === 0) {\n        return formatted;\n    }\n\n    return `${time}:${formatted}`;\n}\n"
  },
  {
    "path": "src/utils/toast.ts",
    "content": "import { IToastConfig, showToast } from \"@/components/base/toast\";\n\nfunction success(message: string, config?: IToastConfig) {\n    showToast({\n        message,\n        ...config,\n        type: \"success\",\n    });\n}\n\nfunction warn(message: string, config?: IToastConfig) {\n    showToast({\n        message,\n        ...config,\n        type: \"warn\",\n    });\n}\n\nconst Toast = {\n    success,\n    warn,\n};\n\nexport default Toast;\n"
  },
  {
    "path": "src/utils/trackUtils.ts",
    "content": "import { State } from \"react-native-track-player\";\n\n/**\n * 音乐是否处于停止状态\n * @param state\n * @returns\n */\nexport const musicIsPaused = (state: State | undefined) =>\n    state !== State.Playing;\n\n/**\n * 音乐是否处于缓冲中状态\n * @param state\n * @returns\n */\nexport const musicIsBuffering = (state: State | undefined) =>\n    state === State.Loading || state === State.Buffering;\n"
  },
  {
    "path": "tsconfig.json",
    "content": "{\r\n  \"extends\": \"@react-native/typescript-config/tsconfig.json\",\r\n  \"compilerOptions\": {\r\n    /* Visit https://aka.ms/tsconfig.json to read more about this file */\r\n\r\n    /* Completeness */\r\n    \"noImplicitAny\": false,\r\n    \"skipLibCheck\": true,                                 /* Skip type checking all .d.ts files. */\r\n    \"baseUrl\": \".\",\r\n    \"paths\": {\r\n      \"@/*\": [\"./src/*\"]\r\n    },\r\n    \"types\": [\"node\"]\r\n  }\r\n}\r\n"
  }
]