├── .DS_Store ├── .github └── workflows │ ├── cd-web.yml │ ├── ci-web.yml │ └── cron-crawling.yml ├── CNAME ├── LICENSE ├── PrivacyPolicy.md ├── README.md ├── app ├── .buckconfig ├── .bundle │ └── config ├── .eslintrc.js ├── .gitignore ├── .prettierrc.js ├── .ruby-version ├── .watchmanconfig ├── App.tsx ├── Gemfile ├── Gemfile.lock ├── __tests__ │ └── App-test.tsx ├── android │ ├── app │ │ ├── _BUCK │ │ ├── build.gradle │ │ ├── build_defs.bzl │ │ ├── debug.keystore │ │ ├── proguard-rules.pro │ │ └── src │ │ │ ├── debug │ │ │ ├── AndroidManifest.xml │ │ │ └── java │ │ │ │ └── com │ │ │ │ └── app │ │ │ │ └── ReactNativeFlipper.java │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── koreanthinker │ │ │ │ └── billboard │ │ │ │ ├── MainActivity.java │ │ │ │ └── MainApplication.java │ │ │ └── res │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ └── settings.gradle ├── app.json ├── assets │ ├── appstore.png │ └── playstore.png ├── babel.config.js ├── index.js ├── ios │ ├── Podfile │ ├── Podfile.lock │ ├── app.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── app.xcscheme │ ├── app.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ └── IDEWorkspaceChecks.plist │ ├── app │ │ ├── AppDelegate.h │ │ ├── AppDelegate.m │ │ ├── Images.xcassets │ │ │ ├── AppIcon.appiconset │ │ │ │ ├── 1024.png │ │ │ │ ├── 114.png │ │ │ │ ├── 120.png │ │ │ │ ├── 180.png │ │ │ │ ├── 29.png │ │ │ │ ├── 40.png │ │ │ │ ├── 57.png │ │ │ │ ├── 58.png │ │ │ │ ├── 60.png │ │ │ │ ├── 80.png │ │ │ │ ├── 87.png │ │ │ │ └── Contents.json │ │ │ └── Contents.json │ │ ├── Info.plist │ │ ├── LaunchScreen.storyboard │ │ └── main.m │ └── appTests │ │ ├── Info.plist │ │ └── appTests.m ├── metro.config.js ├── package.json ├── src │ ├── assets │ │ └── oss.json │ ├── components │ │ ├── BaseButton.tsx │ │ ├── BaseHeader.tsx │ │ ├── BorderlessButton.tsx │ │ ├── Player.tsx │ │ └── Typography.tsx │ ├── constants │ │ ├── declarations.d.ts │ │ ├── styles.ts │ │ ├── types.ts │ │ └── values.ts │ ├── context │ │ ├── ChartContext.tsx │ │ └── PlaylistContext.tsx │ ├── hooks │ │ ├── useNavigation.ts │ │ └── useRoute.ts │ ├── navigations │ │ ├── HomeDrawerNavigation.tsx │ │ ├── RootStackNavigation.tsx │ │ └── index.tsx │ ├── screens │ │ ├── HomeDrawerScreen │ │ │ └── index.tsx │ │ ├── HomeScreen │ │ │ ├── HomeScreenHeader.tsx │ │ │ ├── HomeScreenItem.tsx │ │ │ └── index.tsx │ │ └── PlaylistScreen │ │ │ ├── PlaylistItem.tsx │ │ │ └── index.tsx │ └── util │ │ └── trackDataCompare.ts ├── tsconfig.json └── yarn.lock ├── billboard-player.code-workspace ├── crawler ├── .eslintrc.js ├── .gitignore ├── .prettierrc.js ├── declarations.d.ts ├── index.ts ├── jest.config.js ├── package.json ├── tsconfig.json └── yarn.lock ├── data ├── 2022-03-27.json ├── 2022-03-30.json ├── 2022-04-07.json ├── 2022-04-12.json ├── 2022-04-19.json ├── 2022-04-26.json ├── 2022-05-03.json ├── 2022-05-10.json ├── 2022-05-17.json ├── 2022-05-24.json ├── 2022-05-31.json ├── 2022-06-07.json ├── 2022-06-14.json ├── 2022-06-21.json ├── 2022-06-28.json ├── 2022-07-05.json ├── 2022-07-12.json ├── 2022-07-19.json ├── 2022-07-26.json ├── 2022-08-02.json ├── 2022-08-09.json ├── 2022-08-16.json ├── 2022-08-23.json ├── 2022-08-30.json ├── 2022-09-06.json ├── 2022-09-13.json ├── 2022-09-20.json ├── 2022-09-27.json ├── 2022-10-04.json ├── 2022-10-11.json ├── 2022-10-18.json ├── 2022-10-25.json ├── 2022-11-01.json ├── 2022-11-08.json ├── 2022-11-15.json ├── 2022-11-22.json ├── 2022-11-29.json ├── 2022-12-06.json ├── 2022-12-13.json ├── 2022-12-20.json ├── 2022-12-27.json ├── 2023-01-03.json ├── 2023-01-10.json ├── 2023-01-17.json ├── 2023-01-24.json ├── 2023-01-31.json ├── 2023-02-07.json ├── 2023-02-14.json ├── 2023-02-21.json ├── 2023-02-28.json ├── 2023-03-07.json ├── 2023-03-14.json ├── 2023-03-21.json ├── 2023-03-28.json ├── 2023-04-04.json ├── 2023-04-11.json ├── 2023-04-18.json ├── 2023-04-25.json ├── 2023-05-02.json ├── 2023-05-09.json ├── 2023-05-16.json ├── 2023-05-23.json ├── 2023-05-30.json ├── 2023-06-06.json ├── 2023-06-13.json ├── 2023-06-20.json ├── 2023-06-27.json ├── 2023-07-04.json ├── 2023-07-11.json ├── 2023-07-18.json ├── 2023-07-25.json ├── 2023-08-01.json ├── 2023-08-08.json ├── 2023-08-15.json ├── 2023-08-22.json ├── 2023-08-29.json ├── 2023-09-05.json ├── 2023-09-12.json ├── 2023-09-19.json ├── 2023-09-26.json ├── 2023-10-03.json ├── 2023-10-10.json ├── 2023-10-17.json ├── 2023-10-24.json ├── 2023-10-31.json ├── 2023-11-07.json ├── 2023-11-14.json ├── 2023-11-21.json ├── 2023-11-28.json ├── 2023-12-05.json ├── 2023-12-12.json ├── 2023-12-19.json ├── 2023-12-26.json ├── 2024-01-02.json ├── 2024-01-09.json ├── 2024-01-16.json ├── 2024-01-23.json ├── 2024-01-30.json ├── 2024-02-06.json ├── 2024-02-13.json ├── 2024-02-20.json ├── 2024-02-27.json ├── 2024-03-05.json ├── 2024-03-12.json ├── 2024-03-19.json ├── 2024-03-26.json ├── 2024-04-02.json ├── 2024-04-09.json ├── 2024-04-16.json ├── 2024-04-23.json ├── 2024-04-30.json ├── 2024-05-07.json ├── 2024-05-14.json ├── 2024-05-21.json ├── 2024-05-28.json ├── 2024-06-04.json ├── 2024-06-11.json ├── 2024-06-18.json ├── 2024-06-25.json ├── 2024-07-02.json ├── 2024-07-09.json ├── 2024-07-16.json ├── 2024-07-23.json ├── 2024-07-30.json ├── 2024-08-06.json ├── 2024-08-13.json ├── 2024-08-20.json ├── 2024-08-27.json ├── 2024-09-03.json ├── 2024-09-10.json ├── 2024-09-17.json ├── 2024-09-24.json ├── 2024-10-01.json ├── 2024-10-08.json ├── 2024-10-15.json ├── 2024-10-22.json ├── 2024-10-29.json ├── 2024-11-05.json ├── 2024-11-12.json ├── 2024-11-19.json ├── 2024-11-26.json ├── 2024-12-03.json ├── 2024-12-10.json ├── 2024-12-17.json ├── 2024-12-24.json ├── 2024-12-31.json ├── 2025-01-07.json ├── 2025-01-14.json ├── 2025-01-21.json ├── 2025-01-28.json ├── 2025-02-04.json ├── 2025-02-11.json ├── 2025-02-18.json ├── 2025-02-25.json ├── 2025-03-04.json ├── 2025-03-11.json ├── 2025-03-18.json ├── 2025-03-25.json ├── 2025-04-01.json ├── 2025-04-08.json ├── 2025-04-15.json ├── 2025-04-22.json ├── 2025-04-29.json ├── 2025-05-06.json ├── 2025-05-13.json ├── 2025-05-20.json ├── 2025-05-27.json └── recent.json └── web ├── .eslintrc.js ├── .gitignore ├── .prettierrc.js ├── jest.config.js ├── package.json ├── public ├── 404.html ├── about.txt ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt ├── src ├── App.tsx ├── constants │ ├── styles.ts │ ├── types.ts │ └── values.ts ├── index.css ├── index.tsx ├── navigations │ └── RootNavigation.tsx ├── pages │ └── Home │ │ ├── HomeHeader.tsx │ │ ├── HomeItem.tsx │ │ └── index.tsx ├── react-app-env.d.ts ├── reportWebVitals.ts └── setupTests.ts ├── tsconfig.json └── yarn.lock /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/.DS_Store -------------------------------------------------------------------------------- /.github/workflows/cd-web.yml: -------------------------------------------------------------------------------- 1 | name: CD Web 2 | 3 | on: 4 | push: 5 | branches: 6 | - main 7 | paths: 8 | - "web/**" 9 | 10 | jobs: 11 | build-and-deploy: 12 | strategy: 13 | matrix: 14 | platform: [ubuntu-latest] 15 | node: ["16"] 16 | name: Node ${{ matrix.node }} (${{ matrix.platform }}) 17 | runs-on: ${{ matrix.platform }} 18 | defaults: 19 | run: 20 | working-directory: web 21 | 22 | steps: 23 | - uses: actions/checkout@main 24 | - uses: actions/setup-node@v1 25 | with: 26 | node-version: ${{ matrix.node }} 27 | 28 | - name: Install packages and build 29 | run: | 30 | yarn 31 | yarn build 32 | 33 | - name: Copy CNAME 34 | run: cp ../CNAME ./build/CNAME 35 | 36 | - name: Deploy 37 | uses: peaceiris/actions-gh-pages@v3 38 | with: 39 | github_token: ${{ secrets.GITHUB_TOKEN }} 40 | publish_dir: ./web/build -------------------------------------------------------------------------------- /.github/workflows/ci-web.yml: -------------------------------------------------------------------------------- 1 | name: CI Web 2 | 3 | on: 4 | push: 5 | branches: 6 | - main 7 | paths: 8 | - "web/**" 9 | pull_request: 10 | types: [opened, synchronize, reopened] 11 | paths: 12 | - "web/**" 13 | 14 | jobs: 15 | build: 16 | strategy: 17 | matrix: 18 | platform: [ubuntu-latest] 19 | node: ["16"] 20 | name: Node ${{ matrix.node }} (${{ matrix.platform }}) 21 | runs-on: ${{ matrix.platform }} 22 | defaults: 23 | run: 24 | working-directory: web 25 | 26 | 27 | steps: 28 | - uses: actions/checkout@v2 29 | - uses: actions/setup-node@v1 30 | with: 31 | node-version: ${{ matrix.node }} 32 | 33 | - name: Install modules 34 | run: yarn 35 | 36 | - name: Run lint 37 | run: yarn lint 38 | 39 | # - name: Run test 40 | # run: yarn test:coverage 41 | 42 | # - name: Upload coverage to Codecov 43 | # uses: codecov/codecov-action@v2 -------------------------------------------------------------------------------- /.github/workflows/cron-crawling.yml: -------------------------------------------------------------------------------- 1 | name: Cron Crawling 2 | 3 | on: 4 | schedule: 5 | # At 12:30 on Tuesday 6 | - cron: '30 12 * * 2' 7 | 8 | jobs: 9 | cron: 10 | strategy: 11 | matrix: 12 | platform: [ubuntu-latest] 13 | node: ["16"] 14 | name: Node ${{ matrix.node }} (${{ matrix.platform }}) 15 | runs-on: ${{ matrix.platform }} 16 | env: 17 | YOUTUBE_API_KEY: ${{ secrets.YOUTUBE_API_KEY }} 18 | defaults: 19 | run: 20 | working-directory: crawler 21 | 22 | steps: 23 | - uses: actions/checkout@v2 24 | - uses: actions/setup-node@v1 25 | with: 26 | node-version: ${{ matrix.node }} 27 | 28 | - name: Install modules 29 | run: yarn 30 | 31 | - name: Run crawling 32 | run: yarn crawling 33 | 34 | - name: Get current date 35 | id: date 36 | run: echo "::set-output name=date::$(date +'%Y-%m-%d')" 37 | 38 | - name: Add & Commit 39 | uses: EndBug/add-and-commit@v9.0.0 40 | with: 41 | add: 'data' 42 | author_name: Billboard Crawler 43 | author_email: coderhyun476@gmail.com 44 | message: 'Billboard Hot 100 crawling at ${{ steps.date.outputs.date }}' 45 | 46 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | billboard-player.com -------------------------------------------------------------------------------- /PrivacyPolicy.md: -------------------------------------------------------------------------------- 1 | **Privacy Policy** 2 | 3 | KoreanThinker built the Billboard Player, Hot 100 Player app as an Open Source app. This SERVICE is provided by KoreanThinker at no cost and is intended for use as is. 4 | 5 | This page is used to inform visitors regarding my policies with the collection, use, and disclosure of Personal Information if anyone decided to use my Service. 6 | 7 | If you choose to use my Service, then you agree to the collection and use of information in relation to this policy. The Personal Information that I collect is used for providing and improving the Service. I will not use or share your information with anyone except as described in this Privacy Policy. 8 | 9 | The terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, which are accessible at Billboard Player, Hot 100 Player unless otherwise defined in this Privacy Policy. 10 | 11 | **Information Collection and Use** 12 | 13 | For a better experience, while using our Service, I may require you to provide us with certain personally identifiable information. The information that I request will be retained on your device and is not collected by me in any way. 14 | 15 | **Log Data** 16 | 17 | I want to inform you that whenever you use my Service, in a case of an error in the app I collect data and information (through third-party products) on your phone called Log Data. This Log Data may include information such as your device Internet Protocol (“IP”) address, device name, operating system version, the configuration of the app when utilizing my Service, the time and date of your use of the Service, and other statistics. 18 | 19 | **Cookies** 20 | 21 | Cookies are files with a small amount of data that are commonly used as anonymous unique identifiers. These are sent to your browser from the websites that you visit and are stored on your device's internal memory. 22 | 23 | This Service does not use these “cookies” explicitly. However, the app may use third-party code and libraries that use “cookies” to collect information and improve their services. You have the option to either accept or refuse these cookies and know when a cookie is being sent to your device. If you choose to refuse our cookies, you may not be able to use some portions of this Service. 24 | 25 | **Service Providers** 26 | 27 | I may employ third-party companies and individuals due to the following reasons: 28 | 29 | * To facilitate our Service; 30 | * To provide the Service on our behalf; 31 | * To perform Service-related services; or 32 | * To assist us in analyzing how our Service is used. 33 | 34 | I want to inform users of this Service that these third parties have access to their Personal Information. The reason is to perform the tasks assigned to them on our behalf. However, they are obligated not to disclose or use the information for any other purpose. 35 | 36 | **Security** 37 | 38 | I value your trust in providing us your Personal Information, thus we are striving to use commercially acceptable means of protecting it. But remember that no method of transmission over the internet, or method of electronic storage is 100% secure and reliable, and I cannot guarantee its absolute security. 39 | 40 | **Links to Other Sites** 41 | 42 | This Service may contain links to other sites. If you click on a third-party link, you will be directed to that site. Note that these external sites are not operated by me. Therefore, I strongly advise you to review the Privacy Policy of these websites. I have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party sites or services. 43 | 44 | **Children’s Privacy** 45 | 46 | I do not knowingly collect personally identifiable information from children. I encourage all children to never submit any personally identifiable information through the Application and/or Services. I encourage parents and legal guardians to monitor their children's Internet usage and to help enforce this Policy by instructing their children never to provide personally identifiable information through the Application and/or Services without their permission. If you have reason to believe that a child has provided personally identifiable information to us through the Application and/or Services, please contact us. You must also be at least 16 years of age to consent to the processing of your personally identifiable information in your country (in some countries we may allow your parent or guardian to do so on your behalf). 47 | 48 | **Changes to This Privacy Policy** 49 | 50 | I may update our Privacy Policy from time to time. Thus, you are advised to review this page periodically for any changes. I will notify you of any changes by posting the new Privacy Policy on this page. 51 | 52 | This policy is effective as of 2022-03-27 53 | 54 | **Contact Us** 55 | 56 | If you have any questions or suggestions about my Privacy Policy, do not hesitate to contact me at coderhyun476@gmail.com. 57 | 58 | This privacy policy page was created at [privacypolicytemplate.net](https://privacypolicytemplate.net) and modified/generated by [App Privacy Policy Generator](https://app-privacy-policy-generator.nisrulz.com/) -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![Cron Crawling](https://github.com/krtk-dev/billboard-player/actions/workflows/cron-crawling.yml/badge.svg)](https://github.com/krtk-dev/billboard-player/actions/workflows/cron-crawling.yml) 2 | [![CD Web](https://github.com/krtk-dev/billboard-player/actions/workflows/cd-web.yml/badge.svg)](https://github.com/krtk-dev/billboard-player/actions/workflows/cd-web.yml) 3 | [![License GPL3.0](https://img.shields.io/github/license/krtk-dev/billboard-player?style=plat)](LICENSE) 4 | 5 | ![Stars](https://img.shields.io/github/stars/krtk-dev/billboard-player?style=social) 6 | ![Twitter](https://img.shields.io/twitter/follow/koreanthinker?style=social) 7 | 8 | 9 | 10 | 11 | 12 | ![Typescript](https://img.shields.io/badge/Typescript-222222?style=for-the-badge&logo=Typescript&logoColor=#3178C6) 13 | ![React](https://img.shields.io/badge/React-222222?style=for-the-badge&logo=React&logoColor=#61DAFB) 14 | ![ReactNative](https://img.shields.io/badge/ReactNative-222222?style=for-the-badge&logo=React&logoColor=#61DAFB) 15 | 16 | 17 | 18 | ### Introduction 19 | 20 | `Billboard Player` is free billboard hot 100 M/V streaming service 21 | 22 | ### Product 23 | - App 24 | 25 | 26 | 27 | 28 | - Web 29 | 30 | https://billboard-player.com 31 | 32 | - UI/UX 33 | 34 | [figma](https://www.figma.com/file/zrHWCUtJfqvpYPf4mw3jBg/Billboard-Player?node-id=2%3A36) 35 | -------------------------------------------------------------------------------- /app/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /app/.bundle/config: -------------------------------------------------------------------------------- 1 | BUNDLE_PATH: "vendor/bundle" 2 | BUNDLE_FORCE_RUBY_PLATFORM: 1 -------------------------------------------------------------------------------- /app/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: '@react-native-community', 4 | parser: '@typescript-eslint/parser', 5 | plugins: ['@typescript-eslint'], 6 | ignorePatterns: ['/coverage'], 7 | overrides: [ 8 | { 9 | files: ['*.ts', '*.tsx'], 10 | rules: { 11 | '@typescript-eslint/no-shadow': ['error'], 12 | 'no-shadow': 'off', 13 | 'no-undef': 'off', 14 | '@typescript-eslint/no-unused-vars': 'off', 15 | 'react-native/no-inline-styles': 'off', 16 | curly: 'off', 17 | 'comma-dangle': 'off', 18 | 'react-hooks/exhaustive-deps': 'off', 19 | }, 20 | }, 21 | ], 22 | }; 23 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | 24 | # Android/IntelliJ 25 | # 26 | build/ 27 | .idea 28 | .gradle 29 | local.properties 30 | *.iml 31 | *.hprof 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 42 | *.keystore 43 | !debug.keystore 44 | 45 | # fastlane 46 | # 47 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 48 | # screenshots whenever they are needed. 49 | # For more information about the recommended setup visit: 50 | # https://docs.fastlane.tools/best-practices/source-control/ 51 | 52 | */fastlane/report.xml 53 | */fastlane/Preview.html 54 | */fastlane/screenshots 55 | 56 | # Bundle artifact 57 | *.jsbundle 58 | 59 | # CocoaPods 60 | /ios/Pods/ 61 | /coverage -------------------------------------------------------------------------------- /app/.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | bracketSpacing: false, 3 | singleQuote: true, 4 | trailingComma: 'all', 5 | arrowParens: 'avoid', 6 | }; 7 | -------------------------------------------------------------------------------- /app/.ruby-version: -------------------------------------------------------------------------------- 1 | 2.7.4 -------------------------------------------------------------------------------- /app/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /app/App.tsx: -------------------------------------------------------------------------------- 1 | import {StatusBar, StyleSheet, View} from 'react-native'; 2 | import React from 'react'; 3 | import Navigation from './src/navigations'; 4 | import {LogBox} from 'react-native'; 5 | import {SafeAreaProvider} from 'react-native-safe-area-context'; 6 | import {COLORS} from './src/constants/styles'; 7 | import ChartProvider from './src/context/ChartContext'; 8 | import {PersistedStateProvider} from 'react-native-use-persisted-state'; 9 | import PlaylistProvider from './src/context/PlaylistContext'; 10 | 11 | LogBox.ignoreLogs([ 12 | "[react-native-gesture-handler] Seems like you're using an old API with gesture components, check out new Gestures system!", 13 | ]); 14 | 15 | const App = () => { 16 | return ( 17 | 18 | 19 | 20 | 21 | 22 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | ); 35 | }; 36 | 37 | export default App; 38 | 39 | const styles = StyleSheet.create({}); 40 | -------------------------------------------------------------------------------- /app/Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version 3 | ruby '2.7.4' 4 | gem 'cocoapods', '~> 1.11', '>= 1.11.2' 5 | -------------------------------------------------------------------------------- /app/Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | CFPropertyList (3.0.5) 5 | rexml 6 | activesupport (6.1.7.2) 7 | concurrent-ruby (~> 1.0, >= 1.0.2) 8 | i18n (>= 1.6, < 2) 9 | minitest (>= 5.1) 10 | tzinfo (~> 2.0) 11 | zeitwerk (~> 2.3) 12 | addressable (2.8.0) 13 | public_suffix (>= 2.0.2, < 5.0) 14 | algoliasearch (1.27.5) 15 | httpclient (~> 2.8, >= 2.8.3) 16 | json (>= 1.5.1) 17 | atomos (0.1.3) 18 | claide (1.1.0) 19 | cocoapods (1.11.2) 20 | addressable (~> 2.8) 21 | claide (>= 1.0.2, < 2.0) 22 | cocoapods-core (= 1.11.2) 23 | cocoapods-deintegrate (>= 1.0.3, < 2.0) 24 | cocoapods-downloader (>= 1.4.0, < 2.0) 25 | cocoapods-plugins (>= 1.0.0, < 2.0) 26 | cocoapods-search (>= 1.0.0, < 2.0) 27 | cocoapods-trunk (>= 1.4.0, < 2.0) 28 | cocoapods-try (>= 1.1.0, < 2.0) 29 | colored2 (~> 3.1) 30 | escape (~> 0.0.4) 31 | fourflusher (>= 2.3.0, < 3.0) 32 | gh_inspector (~> 1.0) 33 | molinillo (~> 0.8.0) 34 | nap (~> 1.0) 35 | ruby-macho (>= 1.0, < 3.0) 36 | xcodeproj (>= 1.21.0, < 2.0) 37 | cocoapods-core (1.11.2) 38 | activesupport (>= 5.0, < 7) 39 | addressable (~> 2.8) 40 | algoliasearch (~> 1.0) 41 | concurrent-ruby (~> 1.1) 42 | fuzzy_match (~> 2.0.4) 43 | nap (~> 1.0) 44 | netrc (~> 0.11) 45 | public_suffix (~> 4.0) 46 | typhoeus (~> 1.0) 47 | cocoapods-deintegrate (1.0.5) 48 | cocoapods-downloader (1.6.3) 49 | cocoapods-plugins (1.0.0) 50 | nap 51 | cocoapods-search (1.0.1) 52 | cocoapods-trunk (1.6.0) 53 | nap (>= 0.8, < 2.0) 54 | netrc (~> 0.11) 55 | cocoapods-try (1.2.0) 56 | colored2 (3.1.2) 57 | concurrent-ruby (1.2.0) 58 | escape (0.0.4) 59 | ethon (0.15.0) 60 | ffi (>= 1.15.0) 61 | ffi (1.15.5) 62 | fourflusher (2.3.1) 63 | fuzzy_match (2.0.4) 64 | gh_inspector (1.1.3) 65 | httpclient (2.8.3) 66 | i18n (1.12.0) 67 | concurrent-ruby (~> 1.0) 68 | json (2.6.1) 69 | minitest (5.17.0) 70 | molinillo (0.8.0) 71 | nanaimo (0.3.0) 72 | nap (1.1.0) 73 | netrc (0.11.0) 74 | public_suffix (4.0.6) 75 | rexml (3.2.5) 76 | ruby-macho (2.5.1) 77 | typhoeus (1.4.0) 78 | ethon (>= 0.9.0) 79 | tzinfo (2.0.6) 80 | concurrent-ruby (~> 1.0) 81 | xcodeproj (1.21.0) 82 | CFPropertyList (>= 2.3.3, < 4.0) 83 | atomos (~> 0.1.3) 84 | claide (>= 1.0.2, < 2.0) 85 | colored2 (~> 3.1) 86 | nanaimo (~> 0.3.0) 87 | rexml (~> 3.2.4) 88 | zeitwerk (2.6.6) 89 | 90 | PLATFORMS 91 | ruby 92 | 93 | DEPENDENCIES 94 | cocoapods (~> 1.11, >= 1.11.2) 95 | RUBY VERSION 96 | ruby 2.7.4p191 97 | BUNDLED WITH 98 | 2.2.27 -------------------------------------------------------------------------------- /app/__tests__/App-test.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import 'react-native'; 6 | import React from 'react'; 7 | import App from '../App'; 8 | 9 | // Note: test renderer must be required after react-native. 10 | import renderer from 'react-test-renderer'; 11 | 12 | it('renders correctly', () => { 13 | // renderer.create(); 14 | }); 15 | -------------------------------------------------------------------------------- /app/android/app/_BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | load(":build_defs.bzl", "create_aar_targets", "create_jar_targets") 12 | 13 | lib_deps = [] 14 | 15 | create_aar_targets(glob(["libs/*.aar"])) 16 | 17 | create_jar_targets(glob(["libs/*.jar"])) 18 | 19 | android_library( 20 | name = "all-libs", 21 | exported_deps = lib_deps, 22 | ) 23 | 24 | android_library( 25 | name = "app-code", 26 | srcs = glob([ 27 | "src/main/java/**/*.java", 28 | ]), 29 | deps = [ 30 | ":all-libs", 31 | ":build_config", 32 | ":res", 33 | ], 34 | ) 35 | 36 | android_build_config( 37 | name = "build_config", 38 | package = "com.koreanthinker.billboard", 39 | ) 40 | 41 | android_resource( 42 | name = "res", 43 | package = "com.koreanthinker.billboard", 44 | res = "src/main/res", 45 | ) 46 | 47 | android_binary( 48 | name = "app", 49 | keystore = "//android/keystores:debug", 50 | manifest = "src/main/AndroidManifest.xml", 51 | package_type = "debug", 52 | deps = [ 53 | ":app-code", 54 | ], 55 | ) 56 | -------------------------------------------------------------------------------- /app/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation. If none specified and 19 | * // "index.android.js" exists, it will be used. Otherwise "index.js" is 20 | * // default. Can be overridden with ENTRY_FILE environment variable. 21 | * entryFile: "index.android.js", 22 | * 23 | * // https://reactnative.dev/docs/performance#enable-the-ram-format 24 | * bundleCommand: "ram-bundle", 25 | * 26 | * // whether to bundle JS and assets in debug mode 27 | * bundleInDebug: false, 28 | * 29 | * // whether to bundle JS and assets in release mode 30 | * bundleInRelease: true, 31 | * 32 | * // whether to bundle JS and assets in another build variant (if configured). 33 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 34 | * // The configuration property can be in the following formats 35 | * // 'bundleIn${productFlavor}${buildType}' 36 | * // 'bundleIn${buildType}' 37 | * // bundleInFreeDebug: true, 38 | * // bundleInPaidRelease: true, 39 | * // bundleInBeta: true, 40 | * 41 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 42 | * // for example: to disable dev mode in the staging build type (if configured) 43 | * devDisabledInStaging: true, 44 | * // The configuration property can be in the following formats 45 | * // 'devDisabledIn${productFlavor}${buildType}' 46 | * // 'devDisabledIn${buildType}' 47 | * 48 | * // the root of your project, i.e. where "package.json" lives 49 | * root: "../../", 50 | * 51 | * // where to put the JS bundle asset in debug mode 52 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 53 | * 54 | * // where to put the JS bundle asset in release mode 55 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 56 | * 57 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 58 | * // require('./image.png')), in debug mode 59 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 60 | * 61 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 62 | * // require('./image.png')), in release mode 63 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 64 | * 65 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 66 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 67 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 68 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 69 | * // for example, you might want to remove it from here. 70 | * inputExcludes: ["android/**", "ios/**"], 71 | * 72 | * // override which node gets called and with what additional arguments 73 | * nodeExecutableAndArgs: ["node"], 74 | * 75 | * // supply additional arguments to the packager 76 | * extraPackagerArgs: [] 77 | * ] 78 | */ 79 | 80 | project.ext.react = [ 81 | enableHermes: true, // clean and rebuild if changing 82 | ] 83 | 84 | apply from: "../../node_modules/react-native/react.gradle" 85 | 86 | /** 87 | * Set this to true to create two separate APKs instead of one: 88 | * - An APK that only works on ARM devices 89 | * - An APK that only works on x86 devices 90 | * The advantage is the size of the APK is reduced by about 4MB. 91 | * Upload all the APKs to the Play Store and people will download 92 | * the correct one based on the CPU architecture of their device. 93 | */ 94 | def enableSeparateBuildPerCPUArchitecture = false 95 | 96 | /** 97 | * Run Proguard to shrink the Java bytecode in release builds. 98 | */ 99 | def enableProguardInReleaseBuilds = false 100 | 101 | /** 102 | * The preferred build flavor of JavaScriptCore. 103 | * 104 | * For example, to use the international variant, you can use: 105 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 106 | * 107 | * The international variant includes ICU i18n library and necessary data 108 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 109 | * give correct results when using with locales other than en-US. Note that 110 | * this variant is about 6MiB larger per architecture than default. 111 | */ 112 | def jscFlavor = 'org.webkit:android-jsc:+' 113 | 114 | /** 115 | * Whether to enable the Hermes VM. 116 | * 117 | * This should be set on project.ext.react and that value will be read here. If it is not set 118 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode 119 | * and the benefits of using Hermes will therefore be sharply reduced. 120 | */ 121 | def enableHermes = project.ext.react.get("enableHermes", false); 122 | 123 | /** 124 | * Architectures to build native code for in debug. 125 | */ 126 | def nativeArchitectures = project.getProperties().get("reactNativeDebugArchitectures") 127 | 128 | android { 129 | 130 | dexOptions { 131 | javaMaxHeapSize "4g" 132 | } 133 | 134 | ndkVersion rootProject.ext.ndkVersion 135 | 136 | compileSdkVersion rootProject.ext.compileSdkVersion 137 | 138 | defaultConfig { 139 | applicationId "com.koreanthinker.billboard" 140 | minSdkVersion rootProject.ext.minSdkVersion 141 | targetSdkVersion rootProject.ext.targetSdkVersion 142 | versionCode 12 143 | versionName "2.1.1" 144 | } 145 | splits { 146 | abi { 147 | reset() 148 | enable enableSeparateBuildPerCPUArchitecture 149 | universalApk false // If true, also generate a universal APK 150 | include "armeabi-v7a", "x86", "arm64-v8a", "x86_64" 151 | } 152 | } 153 | signingConfigs { 154 | debug { 155 | storeFile file('debug.keystore') 156 | storePassword 'android' 157 | keyAlias 'androiddebugkey' 158 | keyPassword 'android' 159 | } 160 | release { 161 | if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) { 162 | storeFile file(MYAPP_RELEASE_STORE_FILE) 163 | storePassword MYAPP_RELEASE_STORE_PASSWORD 164 | keyAlias MYAPP_RELEASE_KEY_ALIAS 165 | keyPassword MYAPP_RELEASE_KEY_PASSWORD 166 | } 167 | } 168 | } 169 | buildTypes { 170 | debug { 171 | signingConfig signingConfigs.debug 172 | if (nativeArchitectures) { 173 | ndk { 174 | abiFilters nativeArchitectures.split(',') 175 | } 176 | } 177 | } 178 | release { 179 | // Caution! In production, you need to generate your own keystore file. 180 | // see https://reactnative.dev/docs/signed-apk-android. 181 | signingConfig signingConfigs.release 182 | minifyEnabled enableProguardInReleaseBuilds 183 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 184 | } 185 | } 186 | 187 | // applicationVariants are e.g. debug, release 188 | applicationVariants.all { variant -> 189 | variant.outputs.each { output -> 190 | // For each separate APK per architecture, set a unique version code as described here: 191 | // https://developer.android.com/studio/build/configure-apk-splits.html 192 | // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc. 193 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] 194 | def abi = output.getFilter(OutputFile.ABI) 195 | if (abi != null) { // null for the universal-debug, universal-release variants 196 | output.versionCodeOverride = 197 | defaultConfig.versionCode * 1000 + versionCodes.get(abi) 198 | } 199 | 200 | } 201 | } 202 | } 203 | 204 | dependencies { 205 | implementation fileTree(dir: "libs", include: ["*.jar"]) 206 | //noinspection GradleDynamicVersion 207 | implementation "com.facebook.react:react-native:+" // From node_modules 208 | 209 | implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0" 210 | 211 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { 212 | exclude group:'com.facebook.fbjni' 213 | } 214 | 215 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 216 | exclude group:'com.facebook.flipper' 217 | exclude group:'com.squareup.okhttp3', module:'okhttp' 218 | } 219 | 220 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { 221 | exclude group:'com.facebook.flipper' 222 | } 223 | 224 | if (enableHermes) { 225 | def hermesPath = "../../node_modules/hermes-engine/android/"; 226 | debugImplementation files(hermesPath + "hermes-debug.aar") 227 | releaseImplementation files(hermesPath + "hermes-release.aar") 228 | } else { 229 | implementation jscFlavor 230 | } 231 | } 232 | 233 | // Run this once to be able to run the application with BUCK 234 | // puts all compile dependencies into folder libs for BUCK to use 235 | task copyDownloadableDepsToLibs(type: Copy) { 236 | from configurations.implementation 237 | into 'libs' 238 | } 239 | 240 | apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) 241 | apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" -------------------------------------------------------------------------------- /app/android/app/build_defs.bzl: -------------------------------------------------------------------------------- 1 | """Helper definitions to glob .aar and .jar targets""" 2 | 3 | def create_aar_targets(aarfiles): 4 | for aarfile in aarfiles: 5 | name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")] 6 | lib_deps.append(":" + name) 7 | android_prebuilt_aar( 8 | name = name, 9 | aar = aarfile, 10 | ) 11 | 12 | def create_jar_targets(jarfiles): 13 | for jarfile in jarfiles: 14 | name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")] 15 | lib_deps.append(":" + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | -------------------------------------------------------------------------------- /app/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/android/app/debug.keystore -------------------------------------------------------------------------------- /app/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | -------------------------------------------------------------------------------- /app/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /app/android/app/src/debug/java/com/app/ReactNativeFlipper.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Facebook, Inc. and its affiliates. 3 | * 4 | *

This source code is licensed under the MIT license found in the LICENSE file in the root 5 | * directory of this source tree. 6 | */ 7 | package com.koreanthinker.billboard; 8 | 9 | import android.content.Context; 10 | import com.facebook.flipper.android.AndroidFlipperClient; 11 | import com.facebook.flipper.android.utils.FlipperUtils; 12 | import com.facebook.flipper.core.FlipperClient; 13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin; 14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin; 15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin; 16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping; 17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin; 18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor; 19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin; 20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin; 21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin; 22 | import com.facebook.react.ReactInstanceManager; 23 | import com.facebook.react.bridge.ReactContext; 24 | import com.facebook.react.modules.network.NetworkingModule; 25 | import okhttp3.OkHttpClient; 26 | 27 | public class ReactNativeFlipper { 28 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 29 | if (FlipperUtils.shouldEnableFlipper(context)) { 30 | final FlipperClient client = AndroidFlipperClient.getInstance(context); 31 | 32 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())); 33 | client.addPlugin(new ReactFlipperPlugin()); 34 | client.addPlugin(new DatabasesFlipperPlugin(context)); 35 | client.addPlugin(new SharedPreferencesFlipperPlugin(context)); 36 | client.addPlugin(CrashReporterPlugin.getInstance()); 37 | 38 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin(); 39 | NetworkingModule.setCustomClientBuilder( 40 | new NetworkingModule.CustomClientBuilder() { 41 | @Override 42 | public void apply(OkHttpClient.Builder builder) { 43 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); 44 | } 45 | }); 46 | client.addPlugin(networkFlipperPlugin); 47 | client.start(); 48 | 49 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 50 | // Hence we run if after all native modules have been initialized 51 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext(); 52 | if (reactContext == null) { 53 | reactInstanceManager.addReactInstanceEventListener( 54 | new ReactInstanceManager.ReactInstanceEventListener() { 55 | @Override 56 | public void onReactContextInitialized(ReactContext reactContext) { 57 | reactInstanceManager.removeReactInstanceEventListener(this); 58 | reactContext.runOnNativeModulesQueueThread( 59 | new Runnable() { 60 | @Override 61 | public void run() { 62 | client.addPlugin(new FrescoFlipperPlugin()); 63 | } 64 | }); 65 | } 66 | }); 67 | } else { 68 | client.addPlugin(new FrescoFlipperPlugin()); 69 | } 70 | } 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /app/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /app/android/app/src/main/java/com/koreanthinker/billboard/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.koreanthinker.billboard; 2 | 3 | import com.facebook.react.ReactActivity; 4 | import android.os.Bundle; 5 | 6 | public class MainActivity extends ReactActivity { 7 | 8 | @Override 9 | protected String getMainComponentName() { 10 | return "app"; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /app/android/app/src/main/java/com/koreanthinker/billboard/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.koreanthinker.billboard; 2 | 3 | import android.app.Application; 4 | import android.content.Context; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.soloader.SoLoader; 11 | import java.lang.reflect.InvocationTargetException; 12 | import java.util.List; 13 | import com.facebook.react.bridge.JSIModulePackage; 14 | import com.swmansion.reanimated.ReanimatedJSIModulePackage; 15 | 16 | 17 | 18 | public class MainApplication extends Application implements ReactApplication { 19 | 20 | 21 | private final ReactNativeHost mReactNativeHost = 22 | new ReactNativeHost(this) { 23 | @Override 24 | public boolean getUseDeveloperSupport() { 25 | return BuildConfig.DEBUG; 26 | } 27 | 28 | @Override 29 | protected List getPackages() { 30 | @SuppressWarnings("UnnecessaryLocalVariable") 31 | List packages = new PackageList(this).getPackages(); 32 | // Packages that cannot be autolinked yet can be added manually here, for example: 33 | // packages.add(new MyReactNativePackage()); 34 | return packages; 35 | } 36 | 37 | @Override 38 | protected String getJSMainModuleName() { 39 | return "index"; 40 | } 41 | 42 | @Override 43 | protected JSIModulePackage getJSIModulePackage() { 44 | return new ReanimatedJSIModulePackage(); 45 | } 46 | }; 47 | 48 | @Override 49 | public ReactNativeHost getReactNativeHost() { 50 | return mReactNativeHost; 51 | } 52 | 53 | @Override 54 | public void onCreate() { 55 | super.onCreate(); 56 | SoLoader.init(this, /* native exopackage */ false); 57 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 58 | } 59 | 60 | /** 61 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like 62 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 63 | * 64 | * @param context 65 | * @param reactInstanceManager 66 | */ 67 | private static void initializeFlipper( 68 | Context context, ReactInstanceManager reactInstanceManager) { 69 | if (BuildConfig.DEBUG) { 70 | try { 71 | /* 72 | We use reflection here to pick up the class that initializes Flipper, 73 | since Flipper library is not available in release mode 74 | */ 75 | Class aClass = Class.forName("com.koreanthinker.billboard.ReactNativeFlipper"); 76 | aClass 77 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class) 78 | .invoke(null, context, reactInstanceManager); 79 | } catch (ClassNotFoundException e) { 80 | e.printStackTrace(); 81 | } catch (NoSuchMethodException e) { 82 | e.printStackTrace(); 83 | } catch (IllegalAccessException e) { 84 | e.printStackTrace(); 85 | } catch (InvocationTargetException e) { 86 | e.printStackTrace(); 87 | } 88 | } 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Billboard Player 3 | -------------------------------------------------------------------------------- /app/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /app/android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | ext { 5 | buildToolsVersion = "30.0.2" 6 | minSdkVersion = 21 7 | compileSdkVersion = 30 8 | targetSdkVersion = 30 9 | ndkVersion = "21.4.7075529" 10 | } 11 | repositories { 12 | google() 13 | mavenCentral() 14 | } 15 | dependencies { 16 | classpath("com.android.tools.build:gradle:4.2.2") 17 | // NOTE: Do not place your application dependencies here; they belong 18 | // in the individual module build.gradle files 19 | } 20 | } 21 | 22 | allprojects { 23 | repositories { 24 | maven { 25 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 26 | url("$rootDir/../node_modules/react-native/android") 27 | } 28 | maven { 29 | // Android JSC is installed from npm 30 | url("$rootDir/../node_modules/jsc-android/dist") 31 | } 32 | mavenCentral { 33 | // We don't want to fetch react-native from Maven Central as there are 34 | // older versions over there. 35 | content { 36 | excludeGroup "com.facebook.react" 37 | } 38 | } 39 | google() 40 | maven { url 'https://www.jitpack.io' } 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /app/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx1024m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | # AndroidX package structure to make it clearer which packages are bundled with the 21 | # Android operating system, and which are packaged with your app's APK 22 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 23 | android.useAndroidX=true 24 | # Automatically convert third-party libraries to use AndroidX 25 | android.enableJetifier=true 26 | org.gradle.jvmargs=-Xmx4096m -XX:MaxPermSize=1024m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 27 | # Version of flipper SDK to use with React Native 28 | FLIPPER_VERSION=0.99.0 29 | 30 | MYAPP_RELEASE_STORE_FILE=billboard_player.keystore 31 | MYAPP_RELEASE_KEY_ALIAS=koreanthinker 32 | MYAPP_RELEASE_STORE_PASSWORD=364821 33 | MYAPP_RELEASE_KEY_PASSWORD=364821 -------------------------------------------------------------------------------- /app/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /app/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.2-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /app/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | # 4 | # Copyright 2015 the original author or authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | ## 21 | ## Gradle start up script for UN*X 22 | ## 23 | ############################################################################## 24 | 25 | # Attempt to set APP_HOME 26 | # Resolve links: $0 may be a link 27 | PRG="$0" 28 | # Need this for relative symlinks. 29 | while [ -h "$PRG" ] ; do 30 | ls=`ls -ld "$PRG"` 31 | link=`expr "$ls" : '.*-> \(.*\)$'` 32 | if expr "$link" : '/.*' > /dev/null; then 33 | PRG="$link" 34 | else 35 | PRG=`dirname "$PRG"`"/$link" 36 | fi 37 | done 38 | SAVED="`pwd`" 39 | cd "`dirname \"$PRG\"`/" >/dev/null 40 | APP_HOME="`pwd -P`" 41 | cd "$SAVED" >/dev/null 42 | 43 | APP_NAME="Gradle" 44 | APP_BASE_NAME=`basename "$0"` 45 | 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 48 | 49 | # Use the maximum available, or set MAX_FD != -1 to use that value. 50 | MAX_FD="maximum" 51 | 52 | warn () { 53 | echo "$*" 54 | } 55 | 56 | die () { 57 | echo 58 | echo "$*" 59 | echo 60 | exit 1 61 | } 62 | 63 | # OS specific support (must be 'true' or 'false'). 64 | cygwin=false 65 | msys=false 66 | darwin=false 67 | nonstop=false 68 | case "`uname`" in 69 | CYGWIN* ) 70 | cygwin=true 71 | ;; 72 | Darwin* ) 73 | darwin=true 74 | ;; 75 | MINGW* ) 76 | msys=true 77 | ;; 78 | NONSTOP* ) 79 | nonstop=true 80 | ;; 81 | esac 82 | 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 84 | 85 | 86 | # Determine the Java command to use to start the JVM. 87 | if [ -n "$JAVA_HOME" ] ; then 88 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 89 | # IBM's JDK on AIX uses strange locations for the executables 90 | JAVACMD="$JAVA_HOME/jre/sh/java" 91 | else 92 | JAVACMD="$JAVA_HOME/bin/java" 93 | fi 94 | if [ ! -x "$JAVACMD" ] ; then 95 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 96 | 97 | Please set the JAVA_HOME variable in your environment to match the 98 | location of your Java installation." 99 | fi 100 | else 101 | JAVACMD="java" 102 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 103 | 104 | Please set the JAVA_HOME variable in your environment to match the 105 | location of your Java installation." 106 | fi 107 | 108 | # Increase the maximum file descriptors if we can. 109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 110 | MAX_FD_LIMIT=`ulimit -H -n` 111 | if [ $? -eq 0 ] ; then 112 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 113 | MAX_FD="$MAX_FD_LIMIT" 114 | fi 115 | ulimit -n $MAX_FD 116 | if [ $? -ne 0 ] ; then 117 | warn "Could not set maximum file descriptor limit: $MAX_FD" 118 | fi 119 | else 120 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 121 | fi 122 | fi 123 | 124 | # For Darwin, add options to specify how the application appears in the dock 125 | if $darwin; then 126 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 127 | fi 128 | 129 | # For Cygwin or MSYS, switch paths to Windows format before running java 130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then 131 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 132 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 133 | 134 | JAVACMD=`cygpath --unix "$JAVACMD"` 135 | 136 | # We build the pattern for arguments to be converted via cygpath 137 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 138 | SEP="" 139 | for dir in $ROOTDIRSRAW ; do 140 | ROOTDIRS="$ROOTDIRS$SEP$dir" 141 | SEP="|" 142 | done 143 | OURCYGPATTERN="(^($ROOTDIRS))" 144 | # Add a user-defined pattern to the cygpath arguments 145 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 146 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 147 | fi 148 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 149 | i=0 150 | for arg in "$@" ; do 151 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 152 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 153 | 154 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 155 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 156 | else 157 | eval `echo args$i`="\"$arg\"" 158 | fi 159 | i=`expr $i + 1` 160 | done 161 | case $i in 162 | 0) set -- ;; 163 | 1) set -- "$args0" ;; 164 | 2) set -- "$args0" "$args1" ;; 165 | 3) set -- "$args0" "$args1" "$args2" ;; 166 | 4) set -- "$args0" "$args1" "$args2" "$args3" ;; 167 | 5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 168 | 6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 169 | 7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 170 | 8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 171 | 9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 172 | esac 173 | fi 174 | 175 | # Escape application args 176 | save () { 177 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 178 | echo " " 179 | } 180 | APP_ARGS=`save "$@"` 181 | 182 | # Collect all arguments for the java command, following the shell quoting and substitution rules 183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 184 | 185 | exec "$JAVACMD" "$@" 186 | -------------------------------------------------------------------------------- /app/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem https://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%" == "" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%" == "" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter. 33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi 34 | 35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 37 | 38 | @rem Find java.exe 39 | if defined JAVA_HOME goto findJavaFromJavaHome 40 | 41 | set JAVA_EXE=java.exe 42 | %JAVA_EXE% -version >NUL 2>&1 43 | if "%ERRORLEVEL%" == "0" goto execute 44 | 45 | echo. 46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 47 | echo. 48 | echo Please set the JAVA_HOME variable in your environment to match the 49 | echo location of your Java installation. 50 | 51 | goto fail 52 | 53 | :findJavaFromJavaHome 54 | set JAVA_HOME=%JAVA_HOME:"=% 55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 56 | 57 | if exist "%JAVA_EXE%" goto execute 58 | 59 | echo. 60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 61 | echo. 62 | echo Please set the JAVA_HOME variable in your environment to match the 63 | echo location of your Java installation. 64 | 65 | goto fail 66 | 67 | :execute 68 | @rem Setup the command line 69 | 70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 71 | 72 | 73 | @rem Execute Gradle 74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* 75 | 76 | :end 77 | @rem End local scope for the variables with windows NT shell 78 | if "%ERRORLEVEL%"=="0" goto mainEnd 79 | 80 | :fail 81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 82 | rem the _cmd.exe /c_ return code! 83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 84 | exit /b 1 85 | 86 | :mainEnd 87 | if "%OS%"=="Windows_NT" endlocal 88 | 89 | :omega 90 | -------------------------------------------------------------------------------- /app/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'app' 2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) 3 | include ':app' 4 | -------------------------------------------------------------------------------- /app/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "app", 3 | "displayName": "app" 4 | } -------------------------------------------------------------------------------- /app/assets/appstore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/assets/appstore.png -------------------------------------------------------------------------------- /app/assets/playstore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/assets/playstore.png -------------------------------------------------------------------------------- /app/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | plugins: ['react-native-reanimated/plugin'], 4 | }; 5 | -------------------------------------------------------------------------------- /app/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import {AppRegistry} from 'react-native'; 6 | import App from './App'; 7 | import {name as appName} from './app.json'; 8 | 9 | AppRegistry.registerComponent(appName, () => App); 10 | -------------------------------------------------------------------------------- /app/ios/Podfile: -------------------------------------------------------------------------------- 1 | require_relative '../node_modules/react-native/scripts/react_native_pods' 2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' 3 | 4 | platform :ios, '11.0' 5 | 6 | 7 | target 'app' do 8 | config = use_native_modules! 9 | 10 | use_react_native!( 11 | :path => config[:reactNativePath], 12 | # to enable hermes on iOS, change `false` to `true` and then install pods 13 | :hermes_enabled => false 14 | ) 15 | 16 | target 'appTests' do 17 | inherit! :complete 18 | # Pods for testing 19 | end 20 | 21 | # Enables Flipper. 22 | # 23 | # Note that if you have use_frameworks! enabled, Flipper will not work and 24 | # you should disable the next line. 25 | use_flipper!() 26 | 27 | post_install do |installer| 28 | react_native_post_install(installer) 29 | __apply_Xcode_12_5_M1_post_install_workaround(installer) 30 | end 31 | end -------------------------------------------------------------------------------- /app/ios/app.xcodeproj/xcshareddata/xcschemes/app.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 33 | 39 | 40 | 41 | 42 | 43 | 53 | 55 | 61 | 62 | 63 | 64 | 70 | 72 | 78 | 79 | 80 | 81 | 83 | 84 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /app/ios/app.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /app/ios/app.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /app/ios/app/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | @interface AppDelegate : UIResponder 5 | 6 | @property (nonatomic, strong) UIWindow *window; 7 | 8 | @end 9 | -------------------------------------------------------------------------------- /app/ios/app/AppDelegate.m: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | #import 5 | #import 6 | 7 | #ifdef FB_SONARKIT_ENABLED 8 | #import 9 | #import 10 | #import 11 | #import 12 | #import 13 | #import 14 | 15 | static void InitializeFlipper(UIApplication *application) { 16 | FlipperClient *client = [FlipperClient sharedClient]; 17 | SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults]; 18 | [client addPlugin:[[FlipperKitLayoutPlugin alloc] initWithRootNode:application withDescriptorMapper:layoutDescriptorMapper]]; 19 | [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]]; 20 | [client addPlugin:[FlipperKitReactPlugin new]]; 21 | [client addPlugin:[[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]]; 22 | [client start]; 23 | } 24 | #endif 25 | 26 | @implementation AppDelegate 27 | 28 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 29 | { 30 | #ifdef FB_SONARKIT_ENABLED 31 | InitializeFlipper(application); 32 | #endif 33 | 34 | RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions]; 35 | RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge 36 | moduleName:@"app" 37 | initialProperties:nil]; 38 | 39 | if (@available(iOS 13.0, *)) { 40 | rootView.backgroundColor = [UIColor systemBackgroundColor]; 41 | } else { 42 | rootView.backgroundColor = [UIColor whiteColor]; 43 | } 44 | 45 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 46 | UIViewController *rootViewController = [UIViewController new]; 47 | rootViewController.view = rootView; 48 | self.window.rootViewController = rootViewController; 49 | [self.window makeKeyAndVisible]; 50 | return YES; 51 | } 52 | 53 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge 54 | { 55 | #if DEBUG 56 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; 57 | #else 58 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 59 | #endif 60 | } 61 | 62 | @end 63 | -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/1024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/1024.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/114.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/120.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/180.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/29.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/40.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/57.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/58.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/58.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/60.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/80.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/87.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/app/ios/app/Images.xcassets/AppIcon.appiconset/87.png -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | {"images":[{"size":"60x60","expected-size":"180","filename":"180.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"40x40","expected-size":"80","filename":"80.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"40x40","expected-size":"120","filename":"120.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"60x60","expected-size":"120","filename":"120.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"57x57","expected-size":"57","filename":"57.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"1x"},{"size":"29x29","expected-size":"58","filename":"58.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"29x29","expected-size":"29","filename":"29.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"1x"},{"size":"29x29","expected-size":"87","filename":"87.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"57x57","expected-size":"114","filename":"114.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"20x20","expected-size":"40","filename":"40.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"20x20","expected-size":"60","filename":"60.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"1024x1024","filename":"1024.png","expected-size":"1024","idiom":"ios-marketing","folder":"Assets.xcassets/AppIcon.appiconset/","scale":"1x"}]} -------------------------------------------------------------------------------- /app/ios/app/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /app/ios/app/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en_US 7 | CFBundleDisplayName 8 | Billboard Player 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 2.1.1 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 12 25 | ITSAppUsesNonExemptEncryption 26 | 27 | LSRequiresIPhoneOS 28 | 29 | NSAppTransportSecurity 30 | 31 | NSExceptionDomains 32 | 33 | localhost 34 | 35 | NSExceptionAllowsInsecureHTTPLoads 36 | 37 | 38 | 39 | 40 | NSLocationWhenInUseUsageDescription 41 | 42 | UIAppFonts 43 | 44 | AntDesign.ttf 45 | Entypo.ttf 46 | EvilIcons.ttf 47 | Feather.ttf 48 | FontAwesome.ttf 49 | FontAwesome5_Brands.ttf 50 | FontAwesome5_Regular.ttf 51 | FontAwesome5_Solid.ttf 52 | Foundation.ttf 53 | Ionicons.ttf 54 | MaterialIcons.ttf 55 | MaterialCommunityIcons.ttf 56 | SimpleLineIcons.ttf 57 | Octicons.ttf 58 | Zocial.ttf 59 | Fontisto.ttf 60 | 61 | UILaunchStoryboardName 62 | LaunchScreen 63 | UIMainStoryboardFile 64 | LaunchScreen 65 | UIRequiredDeviceCapabilities 66 | 67 | armv7 68 | 69 | UISupportedInterfaceOrientations 70 | 71 | UIInterfaceOrientationPortrait 72 | 73 | UIViewControllerBasedStatusBarAppearance 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /app/ios/app/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /app/ios/app/main.m: -------------------------------------------------------------------------------- 1 | #import 2 | 3 | #import "AppDelegate.h" 4 | 5 | int main(int argc, char * argv[]) { 6 | @autoreleasepool { 7 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /app/ios/appTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 2.1.1 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 12 23 | 24 | 25 | -------------------------------------------------------------------------------- /app/ios/appTests/appTests.m: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | #import 5 | #import 6 | 7 | #define TIMEOUT_SECONDS 600 8 | #define TEXT_TO_LOOK_FOR @"Welcome to React" 9 | 10 | @interface appTests : XCTestCase 11 | 12 | @end 13 | 14 | @implementation appTests 15 | 16 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 17 | { 18 | if (test(view)) { 19 | return YES; 20 | } 21 | for (UIView *subview in [view subviews]) { 22 | if ([self findSubviewInView:subview matching:test]) { 23 | return YES; 24 | } 25 | } 26 | return NO; 27 | } 28 | 29 | - (void)testRendersWelcomeScreen 30 | { 31 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController]; 32 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 33 | BOOL foundElement = NO; 34 | 35 | __block NSString *redboxError = nil; 36 | #ifdef DEBUG 37 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 38 | if (level >= RCTLogLevelError) { 39 | redboxError = message; 40 | } 41 | }); 42 | #endif 43 | 44 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 45 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 46 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 47 | 48 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 49 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 50 | return YES; 51 | } 52 | return NO; 53 | }]; 54 | } 55 | 56 | #ifdef DEBUG 57 | RCTSetLogFunction(RCTDefaultLogFunction); 58 | #endif 59 | 60 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 61 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 62 | } 63 | 64 | 65 | @end 66 | -------------------------------------------------------------------------------- /app/metro.config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Metro configuration for React Native 3 | * https://github.com/facebook/react-native 4 | * 5 | * @format 6 | */ 7 | 8 | module.exports = { 9 | transformer: { 10 | getTransformOptions: async () => ({ 11 | transform: { 12 | experimentalImportSupport: false, 13 | inlineRequires: true, 14 | }, 15 | }), 16 | }, 17 | }; 18 | -------------------------------------------------------------------------------- /app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "app", 3 | "version": "2.1.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "react-native start", 7 | "android": "adb devices && react-native run-android", 8 | "ios": "react-native run-ios", 9 | "android:release": "adb devices && react-native run-android --variant=release", 10 | "ios:device": "react-native run-ios --device \"Namgunghyun13mini\"", 11 | "ios:release": "react-native run-ios --configuration Release", 12 | "ios:device:release": "react-native run-ios --device \"Namgunghyun13mini\" --configuration Release", 13 | "android:assembleRelease": "cd android && ./gradlew assembleRelease", 14 | "android:bundleRelease": "cd android && ./gradlew bundleRelease", 15 | "gradlew:clean": "cd android && ./gradlew clean && cd ..", 16 | "node:clean": "rm -rf node_modules && rm yarn.lock", 17 | "node:clean:force": "yarn cache clean", 18 | "android:clean": "rm -rf android/build && sudo rm -rf android/app/build && sudo rm -rf android/.gradle", 19 | "pod": "cd ios && pod install && cd ..", 20 | "pod:clean": "cd ios && rm -rf Pods && rm Podfile.lock && pod deintegrate && pod setup && pod repo update && cd ..", 21 | "pod:clean:force": "sudo rm -rf ~/Library/Caches/CocoaPods", 22 | "ios:clean": "cd ios && xcodebuild clean", 23 | "ios:clean:force": "rm -rf ~/Library/Developer/Xcode/DerivedData/*", 24 | "test": "NODE_ENV=test jest", 25 | "test:coverage": "npm run test -- --coverage --watchAll=false", 26 | "lint": "eslint . --ext .js,.jsx,.ts,.tsx", 27 | "postversion": "react-native-version --never-amend", 28 | "oss": "npx license-checker --json --out ./src/assets/oss.json" 29 | }, 30 | "dependencies": { 31 | "@react-native-async-storage/async-storage": "^1.17.1", 32 | "@react-navigation/drawer": "^6.3.1", 33 | "@react-navigation/native": "^6.0.8", 34 | "@react-navigation/stack": "^6.1.1", 35 | "axios": "^0.26.1", 36 | "react": "17.0.2", 37 | "react-native": "0.67.2", 38 | "react-native-gesture-handler": "^2.2.0", 39 | "react-native-in-app-review": "^3.3.2", 40 | "react-native-reanimated": "^2.10.0", 41 | "react-native-safe-area-context": "^3.3.2", 42 | "react-native-screens": "^3.11.1", 43 | "react-native-status-bar-height": "^2.6.0", 44 | "react-native-use-persisted-state": "^1.0.1", 45 | "react-native-vector-icons": "^9.1.0", 46 | "react-native-webview": "^11.17.2", 47 | "react-native-youtube-iframe": "^2.2.2" 48 | }, 49 | "devDependencies": { 50 | "@babel/core": "^7.12.9", 51 | "@babel/runtime": "^7.12.5", 52 | "@react-native-community/eslint-config": "^2.0.0", 53 | "@types/jest": "^26.0.23", 54 | "@types/react-native": "^0.66.15", 55 | "@types/react-native-vector-icons": "^6.4.10", 56 | "@types/react-test-renderer": "^17.0.1", 57 | "@typescript-eslint/eslint-plugin": "^5.7.0", 58 | "@typescript-eslint/parser": "^5.7.0", 59 | "babel-jest": "^26.6.3", 60 | "eslint": "^7.14.0", 61 | "jest": "^26.6.3", 62 | "metro-react-native-babel-preset": "^0.66.2", 63 | "react-native-version": "^4.0.0", 64 | "react-test-renderer": "17.0.2", 65 | "typescript": "^4.4.4" 66 | }, 67 | "resolutions": { 68 | "@types/react": "^17" 69 | }, 70 | "jest": { 71 | "preset": "react-native", 72 | "moduleFileExtensions": [ 73 | "ts", 74 | "tsx", 75 | "js", 76 | "jsx", 77 | "json", 78 | "node" 79 | ] 80 | } 81 | } -------------------------------------------------------------------------------- /app/src/components/BaseButton.tsx: -------------------------------------------------------------------------------- 1 | import {Pressable, PressableProps, StyleSheet} from 'react-native'; 2 | import React from 'react'; 3 | 4 | const BaseButton: React.FC = props => ( 5 | 6 | ); 7 | 8 | export default BaseButton; 9 | 10 | const styles = StyleSheet.create({}); 11 | -------------------------------------------------------------------------------- /app/src/components/BaseHeader.tsx: -------------------------------------------------------------------------------- 1 | import {StyleSheet, View} from 'react-native'; 2 | import React from 'react'; 3 | import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; 4 | import useNavigation from '../hooks/useNavigation'; 5 | import BorderlessButton from './BorderlessButton'; 6 | import Typography from './Typography'; 7 | import {COLORS, STATUSBAR_HEIGHT} from '../constants/styles'; 8 | 9 | interface BaseHeaderProps { 10 | title?: string; 11 | } 12 | 13 | const BaseHeader: React.FC = ({title}) => { 14 | const {goBack} = useNavigation(); 15 | 16 | return ( 17 | 18 | 19 | 20 | 21 | {title} 22 | 23 | ); 24 | }; 25 | 26 | export default BaseHeader; 27 | 28 | const styles = StyleSheet.create({ 29 | container: { 30 | width: '100%', 31 | height: STATUSBAR_HEIGHT + 56, 32 | paddingTop: STATUSBAR_HEIGHT, 33 | flexDirection: 'row', 34 | alignItems: 'center', 35 | }, 36 | title: { 37 | fontSize: 18, 38 | fontWeight: 'bold', 39 | }, 40 | backButton: { 41 | width: 56, 42 | height: 56, 43 | alignItems: 'center', 44 | justifyContent: 'center', 45 | }, 46 | }); 47 | -------------------------------------------------------------------------------- /app/src/components/BorderlessButton.tsx: -------------------------------------------------------------------------------- 1 | import {Pressable, PressableProps, StyleSheet} from 'react-native'; 2 | import React, {useState} from 'react'; 3 | 4 | const BorderlessButton: React.FC = props => { 5 | const [radius, setRadius] = useState(); 6 | 7 | return ( 8 | 10 | setRadius( 11 | Math.max(e.nativeEvent.layout.height, e.nativeEvent.layout.width) / 2, 12 | ) 13 | } 14 | android_ripple={{borderless: true, color: '#ccc', radius}} 15 | {...props} 16 | /> 17 | ); 18 | }; 19 | 20 | export default BorderlessButton; 21 | 22 | const styles = StyleSheet.create({}); 23 | -------------------------------------------------------------------------------- /app/src/components/Player.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import YoutubePlayer from 'react-native-youtube-iframe'; 3 | import {useIsFocused} from '@react-navigation/native'; 4 | import {WIDTH} from '../constants/styles'; 5 | 6 | interface PlayerProps { 7 | videoId: string; 8 | onEnded: () => void; 9 | } 10 | 11 | const Player: React.FC = ({onEnded, videoId}) => { 12 | const isFocused = useIsFocused(); 13 | 14 | return ( 15 | e === 'ended' && onEnded()} 19 | height={(WIDTH * 9) / 16} 20 | videoId={videoId} 21 | /> 22 | ); 23 | }; 24 | 25 | export default Player; 26 | -------------------------------------------------------------------------------- /app/src/components/Typography.tsx: -------------------------------------------------------------------------------- 1 | import {Text, TextProps} from 'react-native'; 2 | 3 | import React from 'react'; 4 | import {COLORS} from '../constants/styles'; 5 | 6 | const Typography: React.FC = ({...props}) => ( 7 | 8 | ); 9 | 10 | export default Typography; 11 | -------------------------------------------------------------------------------- /app/src/constants/declarations.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.svg' { 2 | import React from 'react'; 3 | import {SvgProps} from 'react-native-svg'; 4 | const content: React.FC; 5 | export default content; 6 | } 7 | -------------------------------------------------------------------------------- /app/src/constants/styles.ts: -------------------------------------------------------------------------------- 1 | import {Dimensions} from 'react-native'; 2 | import {getStatusBarHeight} from 'react-native-status-bar-height'; 3 | 4 | export const WIDTH = Dimensions.get('window').width; 5 | export const HEIGHT = Dimensions.get('screen').height; 6 | export const STATUSBAR_HEIGHT = getStatusBarHeight(); 7 | 8 | export const COLORS = { 9 | white: '#FFF', 10 | black: '#000', 11 | gray: '#222', 12 | light_gray: '#888', 13 | dark_gray: '#111', 14 | blue: '#1A73E8', 15 | red: '#E44034', 16 | yellow: '#FABC05', 17 | }; 18 | -------------------------------------------------------------------------------- /app/src/constants/types.ts: -------------------------------------------------------------------------------- 1 | export interface BillboardData { 2 | date: string; 3 | data: TrackData[]; 4 | } 5 | export interface TrackData { 6 | name: string; 7 | artist: string; 8 | rank: number; 9 | weeks_on_chart: number; 10 | last_week_rank: number | null; 11 | peak_rank: number; 12 | youtube_id: string; 13 | image: string; 14 | } 15 | -------------------------------------------------------------------------------- /app/src/constants/values.ts: -------------------------------------------------------------------------------- 1 | import {Platform} from 'react-native'; 2 | 3 | export const IS_ANDROID = Platform.OS === 'android'; 4 | export const IS_IOS = Platform.OS === 'ios'; 5 | 6 | export const DATA_URL = 7 | 'https://raw.githubusercontent.com/krtk-dev/billboard-player/main/data/recent.json'; 8 | export const PRIVACY_POLICY_URL = 9 | 'https://github.com/krtk-dev/billboard-player/blob/main/PrivacyPolicy.md'; 10 | export const GITHUB_URL = 'https://github.com/krtk-dev/billboard-player'; 11 | export const INSTAGRAM_URL = 'https://www.instagram.com/dev_hyun'; 12 | -------------------------------------------------------------------------------- /app/src/context/ChartContext.tsx: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | import React, {createContext, useEffect, useMemo, useState} from 'react'; 3 | import {BillboardData, TrackData} from '../constants/types'; 4 | import {DATA_URL} from '../constants/values'; 5 | 6 | export type ChartContextType = { 7 | // state 8 | data?: TrackData[]; 9 | date?: string; 10 | }; 11 | 12 | export const ChartContext = createContext({} as any); 13 | 14 | const ChartProvider: React.FC = ({children}) => { 15 | const [data, setData] = useState(); 16 | const [date, setDate] = useState(); 17 | 18 | useEffect(() => { 19 | (async () => { 20 | const {data: billboardData} = await axios.get(DATA_URL); 21 | setData(billboardData.data); 22 | setDate(billboardData.date); 23 | })(); 24 | }, []); 25 | 26 | const contextValue = useMemo( 27 | () => ({ 28 | data, 29 | date, 30 | }), 31 | [data, date], 32 | ); 33 | 34 | return ( 35 | 36 | {children} 37 | 38 | ); 39 | }; 40 | 41 | export default ChartProvider; 42 | -------------------------------------------------------------------------------- /app/src/context/PlaylistContext.tsx: -------------------------------------------------------------------------------- 1 | import React, {createContext, useCallback, useMemo} from 'react'; 2 | import {usePersistedState} from 'react-native-use-persisted-state'; 3 | import {TrackData} from '../constants/types'; 4 | import trackDataCompare from '../util/trackDataCompare'; 5 | 6 | export type PlaylistContextType = { 7 | // state 8 | playlist: TrackData[]; 9 | // method 10 | toggle: (data: TrackData) => void; 11 | }; 12 | 13 | export const PlaylistContext = createContext({} as any); 14 | 15 | const PlaylistProvider: React.FC = ({children}) => { 16 | const [playlist, setPlaylist] = usePersistedState( 17 | '@playlist', 18 | [], 19 | ); 20 | 21 | const toggle = useCallback( 22 | (data: TrackData) => { 23 | if (playlist.find(_data => trackDataCompare(_data, data))) { 24 | setPlaylist(playlist.filter(_data => !trackDataCompare(_data, data))); 25 | } else { 26 | setPlaylist([data, ...playlist]); 27 | } 28 | }, 29 | [playlist, setPlaylist], 30 | ); 31 | 32 | const contextValue = useMemo( 33 | () => ({ 34 | playlist, 35 | toggle, 36 | }), 37 | [playlist, toggle], 38 | ); 39 | 40 | return ( 41 | 42 | {children} 43 | 44 | ); 45 | }; 46 | 47 | export default PlaylistProvider; 48 | -------------------------------------------------------------------------------- /app/src/hooks/useNavigation.ts: -------------------------------------------------------------------------------- 1 | import {StackNavigationProp} from '@react-navigation/stack'; 2 | import {NavigationParamList} from '../navigations'; 3 | import {useNavigation as _useNavigation} from '@react-navigation/core'; 4 | 5 | const useNavigation = () => 6 | _useNavigation>(); 7 | 8 | export default useNavigation; 9 | -------------------------------------------------------------------------------- /app/src/hooks/useRoute.ts: -------------------------------------------------------------------------------- 1 | import {RouteProp, useRoute as _useRoute} from '@react-navigation/core'; 2 | 3 | import {NavigationParamList} from '../navigations'; 4 | 5 | const useRoute = () => 6 | _useRoute>(); 7 | 8 | export default useRoute; 9 | -------------------------------------------------------------------------------- /app/src/navigations/HomeDrawerNavigation.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {createDrawerNavigator} from '@react-navigation/drawer'; 3 | import HomeDrawerScreen from '../screens/HomeDrawerScreen'; 4 | import HomeScreen from '../screens/HomeScreen'; 5 | 6 | export type DrawerParamList = { 7 | Home: undefined; 8 | }; 9 | const Drawer = createDrawerNavigator(); 10 | 11 | const HomeDrawerNavigation = () => { 12 | return ( 13 | } 16 | screenOptions={{ 17 | drawerPosition: 'right', 18 | drawerType: 'front', 19 | headerShown: false, 20 | }} 21 | > 22 | 23 | 24 | ); 25 | }; 26 | 27 | export default HomeDrawerNavigation; 28 | -------------------------------------------------------------------------------- /app/src/navigations/RootStackNavigation.tsx: -------------------------------------------------------------------------------- 1 | import { 2 | createStackNavigator, 3 | CardStyleInterpolators, 4 | } from '@react-navigation/stack'; 5 | import React from 'react'; 6 | import PlaylistScreen from '../screens/PlaylistScreen'; 7 | import HomeDrawerNavigation from './HomeDrawerNavigation'; 8 | 9 | export type RootStackParamList = { 10 | HomeDrawer: undefined; 11 | Playlist: undefined; 12 | }; 13 | 14 | const RootStack = createStackNavigator(); 15 | 16 | const RootStackNavigation = () => { 17 | return ( 18 | 25 | 26 | 27 | 28 | ); 29 | }; 30 | 31 | export default RootStackNavigation; 32 | -------------------------------------------------------------------------------- /app/src/navigations/index.tsx: -------------------------------------------------------------------------------- 1 | import {DefaultTheme, NavigationContainer} from '@react-navigation/native'; 2 | import RootStackNavigation, {RootStackParamList} from './RootStackNavigation'; 3 | 4 | import React from 'react'; 5 | import {COLORS} from '../constants/styles'; 6 | import {DrawerParamList} from './HomeDrawerNavigation'; 7 | 8 | export type NavigationParamList = RootStackParamList & DrawerParamList; 9 | 10 | const Navigation = () => { 11 | return ( 12 | 18 | 19 | 20 | ); 21 | }; 22 | 23 | export default Navigation; 24 | -------------------------------------------------------------------------------- /app/src/screens/HomeDrawerScreen/index.tsx: -------------------------------------------------------------------------------- 1 | import {Linking, StyleSheet, Text, View} from 'react-native'; 2 | import React, {useContext} from 'react'; 3 | import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; 4 | import {COLORS, STATUSBAR_HEIGHT} from '../../constants/styles'; 5 | import InAppReview from 'react-native-in-app-review'; 6 | import { 7 | GITHUB_URL, 8 | INSTAGRAM_URL, 9 | PRIVACY_POLICY_URL, 10 | } from '../../constants/values'; 11 | import BaseButton from '../../components/BaseButton'; 12 | import Typography from '../../components/Typography'; 13 | import {useSafeAreaInsets} from 'react-native-safe-area-context'; 14 | import {ChartContext} from '../../context/ChartContext'; 15 | 16 | const HomeDrawerScreen = () => { 17 | const {date} = useContext(ChartContext); 18 | const {bottom} = useSafeAreaInsets(); 19 | 20 | const MENUS = [ 21 | { 22 | icon: 'star-outline', 23 | title: 'Rate us', 24 | onPress: () => InAppReview.RequestInAppReview(), 25 | }, 26 | { 27 | icon: 'police-badge-outline', 28 | title: 'Privacy policy', 29 | onPress: () => Linking.openURL(PRIVACY_POLICY_URL), 30 | }, 31 | { 32 | icon: 'github', 33 | title: 'Github', 34 | onPress: () => Linking.openURL(GITHUB_URL), 35 | }, 36 | { 37 | icon: 'instagram', 38 | title: 'Instagram', 39 | onPress: () => Linking.openURL(INSTAGRAM_URL), 40 | }, 41 | ]; 42 | 43 | return ( 44 | 45 | {MENUS.map(({icon, onPress, title}) => ( 46 | 47 | 48 | {title} 49 | 50 | ))} 51 | 52 | 53 | 54 | Last update {date} 55 | 56 | 57 | ); 58 | }; 59 | 60 | export default HomeDrawerScreen; 61 | 62 | const styles = StyleSheet.create({ 63 | container: { 64 | backgroundColor: COLORS.dark_gray, 65 | flex: 1, 66 | paddingTop: 56 + STATUSBAR_HEIGHT, 67 | }, 68 | itemContainer: { 69 | width: '100%', 70 | height: 56, 71 | flexDirection: 'row', 72 | alignItems: 'center', 73 | paddingHorizontal: 16, 74 | }, 75 | itemTitle: { 76 | marginLeft: 16, 77 | fontWeight: 'bold', 78 | }, 79 | }); 80 | -------------------------------------------------------------------------------- /app/src/screens/HomeScreen/HomeScreenHeader.tsx: -------------------------------------------------------------------------------- 1 | import {StyleSheet, View} from 'react-native'; 2 | import React from 'react'; 3 | import {COLORS, STATUSBAR_HEIGHT} from '../../constants/styles'; 4 | import Typography from '../../components/Typography'; 5 | import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; 6 | import BorderlessButton from '../../components/BorderlessButton'; 7 | import useNavigation from '../../hooks/useNavigation'; 8 | 9 | const HomeScreenHeader = () => { 10 | // @ts-ignore 11 | const {openDrawer, navigate} = useNavigation(); 12 | 13 | return ( 14 | 15 | Billboard Player 16 | 17 | navigate('Playlist')} 19 | style={[styles.button, {marginRight: -4}]} 20 | > 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | ); 29 | }; 30 | 31 | export default HomeScreenHeader; 32 | 33 | const styles = StyleSheet.create({ 34 | container: { 35 | width: '100%', 36 | height: STATUSBAR_HEIGHT + 56, 37 | paddingTop: STATUSBAR_HEIGHT, 38 | flexDirection: 'row', 39 | alignItems: 'center', 40 | justifyContent: 'space-between', 41 | }, 42 | title: { 43 | fontSize: 18, 44 | marginLeft: 16, 45 | fontWeight: 'bold', 46 | }, 47 | button: { 48 | width: 56, 49 | height: 56, 50 | alignItems: 'center', 51 | justifyContent: 'center', 52 | }, 53 | }); 54 | -------------------------------------------------------------------------------- /app/src/screens/HomeScreen/HomeScreenItem.tsx: -------------------------------------------------------------------------------- 1 | import {StyleSheet, View} from 'react-native'; 2 | import React from 'react'; 3 | import {TrackData} from '../../constants/types'; 4 | import {useContext} from 'react'; 5 | import BaseButton from '../../components/BaseButton'; 6 | import Typography from '../../components/Typography'; 7 | import {COLORS} from '../../constants/styles'; 8 | import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; 9 | import {PlaylistContext} from '../../context/PlaylistContext'; 10 | import trackDataCompare from '../../util/trackDataCompare'; 11 | 12 | interface HomeScreenItemProps { 13 | data: TrackData; 14 | isFocused: boolean; 15 | onPress: () => void; 16 | } 17 | 18 | const HomeScreenItem: React.FC = props => { 19 | const {data, isFocused, onPress} = props; 20 | const {toggle, playlist} = useContext(PlaylistContext); 21 | const {artist, last_week_rank, name, rank} = data; 22 | const isNew = !last_week_rank; 23 | const rankDelta = last_week_rank ? last_week_rank - rank : 0; 24 | const isUp = rankDelta > 0; 25 | const isAdded = !!playlist.find(_data => trackDataCompare(_data, data)); 26 | 27 | return ( 28 | 35 | 36 | {rank} 37 | 38 | {isNew ? ( 39 | NEW 40 | ) : !rankDelta ? ( 41 | - 42 | ) : ( 43 | <> 44 | 49 | 55 | {Math.abs(rankDelta)} 56 | 57 | 58 | )} 59 | 60 | 61 | 62 | 63 | {name} 64 | 65 | 66 | {artist} 67 | 68 | 69 | toggle(data)} style={styles.addButton}> 70 | 75 | 76 | 77 | ); 78 | }; 79 | 80 | export default HomeScreenItem; 81 | 82 | const styles = StyleSheet.create({ 83 | container: { 84 | width: '100%', 85 | height: 80, 86 | flexDirection: 'row', 87 | alignItems: 'center', 88 | }, 89 | rankContainer: { 90 | width: 80, 91 | alignItems: 'center', 92 | }, 93 | rank: { 94 | fontSize: 18, 95 | fontWeight: 'bold', 96 | }, 97 | rankDeltaContainer: { 98 | flexDirection: 'row', 99 | alignItems: 'center', 100 | height: 16, 101 | marginTop: 4, 102 | }, 103 | rankDelta: { 104 | fontSize: 10, 105 | marginLeft: 2, 106 | }, 107 | rankDeltaSameAsLastWeek: { 108 | fontSize: 10, 109 | color: COLORS.light_gray, 110 | fontWeight: 'bold', 111 | }, 112 | rankDeltaNew: { 113 | fontSize: 10, 114 | color: COLORS.yellow, 115 | fontWeight: 'bold', 116 | }, 117 | nameContainer: { 118 | flex: 1, 119 | paddingLeft: 8, 120 | paddingRight: 16, 121 | }, 122 | name: { 123 | fontSize: 18, 124 | fontWeight: 'bold', 125 | }, 126 | artist: { 127 | fontSize: 12, 128 | marginTop: 8, 129 | }, 130 | addButton: { 131 | height: '100%', 132 | width: 54, 133 | alignItems: 'center', 134 | justifyContent: 'center', 135 | }, 136 | }); 137 | -------------------------------------------------------------------------------- /app/src/screens/HomeScreen/index.tsx: -------------------------------------------------------------------------------- 1 | import {FlatList, StyleSheet, Text, View} from 'react-native'; 2 | import React, {useState} from 'react'; 3 | import HomeScreenHeader from './HomeScreenHeader'; 4 | import {useContext} from 'react'; 5 | import {ChartContext} from '../../context/ChartContext'; 6 | import HomeScreenItem from './HomeScreenItem'; 7 | import Player from '../../components/Player'; 8 | 9 | const HomeScreen = () => { 10 | const {data} = useContext(ChartContext); 11 | const [index, setIndex] = useState(0); 12 | 13 | return ( 14 | 15 | 16 | {data && ( 17 | setIndex(idx => (idx + 1) % data.length)} 20 | /> 21 | )} 22 | artist + name} 26 | renderItem={({item, index: _index}) => ( 27 | setIndex(_index)} 31 | /> 32 | )} 33 | ListFooterComponent={} 34 | /> 35 | 36 | ); 37 | }; 38 | 39 | export default HomeScreen; 40 | 41 | const styles = StyleSheet.create({}); 42 | -------------------------------------------------------------------------------- /app/src/screens/PlaylistScreen/PlaylistItem.tsx: -------------------------------------------------------------------------------- 1 | import {Image, StyleSheet, View} from 'react-native'; 2 | import React, {useContext} from 'react'; 3 | import {TrackData} from '../../constants/types'; 4 | import {PlaylistContext} from '../../context/PlaylistContext'; 5 | import BaseButton from '../../components/BaseButton'; 6 | import Typography from '../../components/Typography'; 7 | import {COLORS} from '../../constants/styles'; 8 | import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; 9 | 10 | interface PlaylistItemProps { 11 | data: TrackData; 12 | isFocused: boolean; 13 | onPress: () => void; 14 | } 15 | 16 | const PlaylistItem: React.FC = props => { 17 | const {data, isFocused, onPress} = props; 18 | const {toggle} = useContext(PlaylistContext); 19 | const {artist, image, name} = data; 20 | 21 | return ( 22 | 29 | 30 | 31 | 32 | {name} 33 | 34 | 35 | {artist} 36 | 37 | 38 | toggle(data)} style={styles.removeButton}> 39 | 40 | 41 | 42 | ); 43 | }; 44 | 45 | export default PlaylistItem; 46 | 47 | const styles = StyleSheet.create({ 48 | container: { 49 | width: '100%', 50 | height: 80, 51 | flexDirection: 'row', 52 | alignItems: 'center', 53 | }, 54 | image: { 55 | width: 80, 56 | height: 80, 57 | }, 58 | nameContainer: { 59 | flex: 1, 60 | paddingLeft: 8, 61 | paddingRight: 16, 62 | }, 63 | name: { 64 | fontSize: 18, 65 | fontWeight: 'bold', 66 | }, 67 | artist: { 68 | fontSize: 12, 69 | marginTop: 8, 70 | }, 71 | removeButton: { 72 | height: '100%', 73 | width: 48, 74 | alignItems: 'center', 75 | justifyContent: 'center', 76 | }, 77 | }); 78 | -------------------------------------------------------------------------------- /app/src/screens/PlaylistScreen/index.tsx: -------------------------------------------------------------------------------- 1 | import {FlatList, StyleSheet, Text, View} from 'react-native'; 2 | import React, {useContext, useState} from 'react'; 3 | import BaseHeader from '../../components/BaseHeader'; 4 | import Player from '../../components/Player'; 5 | import {PlaylistContext} from '../../context/PlaylistContext'; 6 | import PlaylistItem from './PlaylistItem'; 7 | 8 | const PlaylistScreen = () => { 9 | const {playlist} = useContext(PlaylistContext); 10 | const [index, setIndex] = useState(0); 11 | 12 | return ( 13 | 14 | 15 | {playlist.length && ( 16 | setIndex(idx => (idx + 1) % playlist.length)} 19 | /> 20 | )} 21 | artist + name} 25 | renderItem={({item, index: _index}) => ( 26 | setIndex(_index)} 30 | /> 31 | )} 32 | ListFooterComponent={} 33 | /> 34 | 35 | ); 36 | }; 37 | 38 | export default PlaylistScreen; 39 | 40 | const styles = StyleSheet.create({}); 41 | -------------------------------------------------------------------------------- /app/src/util/trackDataCompare.ts: -------------------------------------------------------------------------------- 1 | import {TrackData} from '../constants/types'; 2 | 3 | const trackDataCompare = (data1: TrackData, data2: TrackData) => { 4 | return data1.artist === data2.artist && data1.name === data2.name; 5 | }; 6 | 7 | export default trackDataCompare; 8 | -------------------------------------------------------------------------------- /app/tsconfig.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "compilerOptions": { 4 | /* Basic Options */ 5 | "target": "esnext", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */ 6 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */ 7 | "lib": ["es2017"], /* Specify library files to be included in the compilation. */ 8 | "allowJs": true, /* Allow javascript files to be compiled. */ 9 | // "checkJs": true, /* Report errors in .js files. */ 10 | "jsx": "react-native", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 11 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 12 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 13 | // "outFile": "./", /* Concatenate and emit output to single file. */ 14 | // "outDir": "./", /* Redirect output structure to the directory. */ 15 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 16 | // "removeComments": true, /* Do not emit comments to output. */ 17 | "noEmit": true, /* Do not emit outputs. */ 18 | // "incremental": true, /* Enable incremental compilation */ 19 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 20 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 21 | "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 22 | 23 | /* Strict Type-Checking Options */ 24 | "strict": true, /* Enable all strict type-checking options. */ 25 | // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */ 26 | // "strictNullChecks": true, /* Enable strict null checks. */ 27 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 28 | // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */ 29 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 30 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 31 | 32 | /* Additional Checks */ 33 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 34 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 35 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 36 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 37 | 38 | /* Module Resolution Options */ 39 | "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 40 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 41 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 42 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 43 | // "typeRoots": [], /* List of folders to include type definitions from. */ 44 | // "types": [], /* Type declaration files to be included in compilation. */ 45 | "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 46 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 47 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 48 | "skipLibCheck": true, /* Skip type checking of declaration files. */ 49 | "resolveJsonModule": true /* Allows importing modules with a ‘.json’ extension, which is a common practice in node projects. */ 50 | 51 | /* Source Map Options */ 52 | // "sourceRoot": "./", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 53 | // "mapRoot": "./", /* Specify the location where debugger should locate map files instead of generated locations. */ 54 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 55 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 56 | 57 | /* Experimental Options */ 58 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 59 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 60 | }, 61 | "exclude": [ 62 | "node_modules", "babel.config.js", "metro.config.js", "jest.config.js" 63 | ] 64 | } 65 | -------------------------------------------------------------------------------- /billboard-player.code-workspace: -------------------------------------------------------------------------------- 1 | { 2 | "folders": [ 3 | { 4 | "path": "app" 5 | }, 6 | { 7 | "path": "web" 8 | }, 9 | { 10 | "path": "crawler" 11 | } 12 | ], 13 | "settings": {} 14 | } -------------------------------------------------------------------------------- /crawler/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | es6: true, 5 | node: true, 6 | }, 7 | extends: [ 8 | 'eslint:recommended', 9 | 'plugin:import/errors', 10 | 'plugin:import/warnings', 11 | 'plugin:import/typescript', 12 | 'plugin:@typescript-eslint/recommended', 13 | 'plugin:prettier/recommended', 14 | ], 15 | parser: '@typescript-eslint/parser', 16 | ignorePatterns: ['jest.config.js', 'coverage/**/*'], 17 | plugins: ['@typescript-eslint', 'import', 'prettier'], 18 | rules: { 19 | 'prettier/prettier': 'error', 20 | 'import/no-unresolved': 0, 21 | 'max-len': 'off', 22 | '@typescript-eslint/no-unused-vars': 'off', 23 | 'require-jsdoc': 'off', 24 | '@typescript-eslint/explicit-module-boundary-types': 'off', 25 | '@typescript-eslint/no-explicit-any': 'off', 26 | '@typescript-eslint/no-var-requires': 'off', 27 | 'no-invalid-this': 'off', 28 | '@typescript-eslint/ban-ts-comment': 'off', 29 | camelcase: 'off', 30 | 'new-cap': 'off', 31 | }, 32 | }; 33 | -------------------------------------------------------------------------------- /crawler/.gitignore: -------------------------------------------------------------------------------- 1 | # packages 2 | node_modules/ 3 | # build files 4 | lib/ 5 | .env -------------------------------------------------------------------------------- /crawler/.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | bracketSpacing: false, 3 | singleQuote: true, 4 | trailingComma: 'all', 5 | arrowParens: 'avoid', 6 | }; 7 | -------------------------------------------------------------------------------- /crawler/declarations.d.ts: -------------------------------------------------------------------------------- 1 | declare global { 2 | namespace NodeJS { 3 | interface ProcessEnv { 4 | NODE_ENV: 'development' | 'production' | 'test'; 5 | YOUTUBE_API_KEY: string; 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /crawler/index.ts: -------------------------------------------------------------------------------- 1 | import fs from 'fs'; 2 | import dotenv from 'dotenv'; 3 | import axios from 'axios'; 4 | import dayjs from 'dayjs'; 5 | import path from 'path'; 6 | // -------------------- Setup -------------------- // 7 | 8 | dotenv.config(); 9 | 10 | // -------------------- Types -------------------- // 11 | interface SaveData { 12 | date: string; 13 | data: Data[]; 14 | } 15 | interface Data { 16 | name: string; 17 | artist: string; 18 | rank: number; 19 | weeks_on_chart: number; 20 | last_week_rank: number | null; 21 | peak_rank: number; 22 | youtube_id: string; 23 | image: string; 24 | } 25 | type BillboardData = Omit; 26 | type YoutubeData = Pick; 27 | 28 | // -------------------- Utils -------------------- // 29 | export const removeLineFeed = (str: string) => 30 | str.replace(/\n/g, '').replace(/\t/g, ''); 31 | 32 | // -------------------- Functions -------------------- // 33 | 34 | export const youtubeSearch = async (q: string): Promise => { 35 | try { 36 | const response = await axios.get( 37 | 'https://www.googleapis.com/youtube/v3/search', 38 | { 39 | params: { 40 | key: process.env.YOUTUBE_API_KEY, 41 | part: 'snippet', 42 | q, 43 | maxResults: 1, 44 | }, 45 | }, 46 | ); 47 | return { 48 | youtube_id: response.data.items[0].id.videoId, 49 | }; 50 | } catch (error) { 51 | console.log(error); 52 | return {youtube_id: ''}; 53 | } 54 | }; 55 | 56 | // -------------------- Main -------------------- // 57 | 58 | (async () => { 59 | // data crawling from billboard 60 | const { 61 | data: {data: crawlingData}, 62 | } = await axios.get<{data: BillboardData[]}>( 63 | 'https://raw.githubusercontent.com/KoreanThinker/billboard-json/main/billboard-hot-100/recent.json', 64 | ); 65 | // get youtube id & image from cache 66 | const recentData: SaveData = JSON.parse( 67 | fs.readFileSync(path.join(__dirname, '../data', 'recent.json'), 'utf-8'), 68 | ); 69 | 70 | const data = await Promise.all( 71 | crawlingData.map(async v => { 72 | const cache = recentData.data.find( 73 | ({artist, name, youtube_id}) => 74 | artist === v.artist && name === v.name && !!youtube_id, 75 | ); 76 | if (cache) { 77 | return { 78 | ...cache, 79 | ...v, 80 | }; 81 | } else { 82 | const youtubeData = await youtubeSearch(`${v.artist} ${v.name}`); 83 | return { 84 | ...v, 85 | ...youtubeData, 86 | }; 87 | } 88 | }), 89 | ); 90 | // Save old data 91 | fs.writeFileSync( 92 | path.join(__dirname, '../data', recentData.date + '.json'), 93 | JSON.stringify(recentData), 94 | 'utf-8', 95 | ); 96 | // Save new Data 97 | const date = dayjs().format('YYYY-MM-DD'); 98 | fs.writeFileSync( 99 | path.join(__dirname, '../data', 'recent.json'), 100 | JSON.stringify({date, data}), 101 | 'utf-8', 102 | ); 103 | })(); 104 | -------------------------------------------------------------------------------- /crawler/jest.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | clearMocks: true, 3 | roots: ['/src'], 4 | testEnvironment: 'node', 5 | preset: 'ts-jest', 6 | }; 7 | -------------------------------------------------------------------------------- /crawler/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "crawler", 3 | "scripts": { 4 | "crawling": "ts-node index.ts", 5 | "lint": "eslint --ext .js,.ts ." 6 | }, 7 | "engines": { 8 | "node": "16" 9 | }, 10 | "dependencies": { 11 | "axios": "^0.26.1", 12 | "dayjs": "^1.11.0", 13 | "dotenv": "^16.0.0", 14 | "ts-node": "^10.4.0" 15 | }, 16 | "devDependencies": { 17 | "@types/node": "^17.0.21", 18 | "@typescript-eslint/eslint-plugin": "^5.10.0", 19 | "@typescript-eslint/parser": "^5.10.0", 20 | "eslint": "^7.6.0", 21 | "eslint-config-prettier": "^8.3.0", 22 | "eslint-plugin-import": "^2.22.0", 23 | "eslint-plugin-prettier": "^4.0.0", 24 | "prettier": "^2.5.1", 25 | "typescript": "^4.5.4" 26 | } 27 | } -------------------------------------------------------------------------------- /crawler/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "noImplicitReturns": true, 5 | "noUnusedLocals": false, 6 | "outDir": "lib", 7 | "sourceMap": true, 8 | "strict": true, 9 | "target": "es2017", 10 | "esModuleInterop": true, 11 | "moduleResolution": "node", 12 | "allowSyntheticDefaultImports": true, 13 | "resolveJsonModule": true, 14 | "skipLibCheck": true 15 | }, 16 | "compileOnSave": true, 17 | "include": [ 18 | "./**/*.ts" 19 | ], 20 | "exclude": [ 21 | ".eslintrc.js", 22 | ".prettierrc.js", 23 | "module" 24 | ] 25 | } -------------------------------------------------------------------------------- /data/2022-03-27.json: -------------------------------------------------------------------------------- 1 | {"date":"2022-03-27","data":[{"name":"Heat Waves","artist":"Glass Animals","rank":1,"last_week_rank":1,"peak_rank":1,"weeks_on_chart":61,"image":"https://i.ytimg.com/vi/mRD0-GxqHVo/mqdefault.jpg","youtube_id":"mRD0-GxqHVo"},{"name":"Stay","artist":"The Kid LAROI & Justin Bieber","rank":2,"last_week_rank":5,"peak_rank":1,"weeks_on_chart":36,"image":"https://i.ytimg.com/vi/kTJczUoc26U/mqdefault.jpg","youtube_id":"kTJczUoc26U"},{"name":"Super Gremlin","artist":"Kodak Black","rank":3,"last_week_rank":3,"peak_rank":3,"weeks_on_chart":19,"image":"https://i.ytimg.com/vi/kiB9qk4gnt4/mqdefault.jpg","youtube_id":"kiB9qk4gnt4"},{"name":"abcdefu","artist":"GAYLE","rank":4,"last_week_rank":4,"peak_rank":3,"weeks_on_chart":17,"image":"https://i.ytimg.com/vi/NaFd8ucHLuo/mqdefault.jpg","youtube_id":"NaFd8ucHLuo"},{"name":"We Don't Talk About Bruno","artist":"Carolina Gaitan, Mauro Castillo, Adassa, Rhenzy Feliz, Diane Guerrero, Stephanie Beatriz & Encanto Cast","rank":5,"last_week_rank":2,"peak_rank":1,"weeks_on_chart":12,"image":"https://i.ytimg.com/vi/o01l3sotf1Q/mqdefault.jpg","youtube_id":"o01l3sotf1Q"},{"name":"Ghost","artist":"Justin Bieber","rank":6,"last_week_rank":7,"peak_rank":6,"weeks_on_chart":25,"image":"https://i.ytimg.com/vi/Fp8msa5uYsc/mqdefault.jpg","youtube_id":"Fp8msa5uYsc"},{"name":"Easy On Me","artist":"Adele","rank":7,"last_week_rank":6,"peak_rank":1,"weeks_on_chart":23,"image":"https://i.ytimg.com/vi/X-yIEMduRXk/mqdefault.jpg","youtube_id":"X-yIEMduRXk"},{"name":"Enemy","artist":"Imagine Dragons X JID","rank":8,"last_week_rank":12,"peak_rank":8,"weeks_on_chart":17,"image":"https://i.ytimg.com/vi/D9G1VOjN_84/mqdefault.jpg","youtube_id":"D9G1VOjN_84"},{"name":"Thats What I Want","artist":"Lil Nas X","rank":9,"last_week_rank":10,"peak_rank":9,"weeks_on_chart":26,"image":"https://i.ytimg.com/vi/QDYDRA5JPLE/mqdefault.jpg","youtube_id":"QDYDRA5JPLE"},{"name":"Bad Habits","artist":"Ed Sheeran","rank":10,"last_week_rank":8,"peak_rank":2,"weeks_on_chart":38,"image":"https://i.ytimg.com/vi/orJSJGHjBLI/mqdefault.jpg","youtube_id":"orJSJGHjBLI"},{"name":"Shivers","artist":"Ed Sheeran","rank":11,"last_week_rank":9,"peak_rank":4,"weeks_on_chart":27,"image":"https://i.ytimg.com/vi/Il0S8BoucSA/mqdefault.jpg","youtube_id":"Il0S8BoucSA"},{"name":"Woman","artist":"Doja Cat","rank":12,"last_week_rank":15,"peak_rank":12,"weeks_on_chart":33,"image":"https://i.ytimg.com/vi/yxW5yuzVi8w/mqdefault.jpg","youtube_id":"yxW5yuzVi8w"},{"name":"Cold Heart (PNAU Remix)","artist":"Elton John & Dua Lipa","rank":13,"last_week_rank":11,"peak_rank":7,"weeks_on_chart":28,"image":"https://i.ytimg.com/vi/qod03PVTLqk/mqdefault.jpg","youtube_id":"qod03PVTLqk"},{"name":"Big Energy","artist":"Latto","rank":14,"last_week_rank":14,"peak_rank":14,"weeks_on_chart":21,"image":"https://i.ytimg.com/vi/T8GpG8C0YzA/mqdefault.jpg","youtube_id":"T8GpG8C0YzA"},{"name":"Sweetest Pie","artist":"Megan Thee Stallion & Dua Lipa","rank":15,"last_week_rank":null,"peak_rank":15,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/K7JrX7PHGBE/mqdefault.jpg","youtube_id":"K7JrX7PHGBE"},{"name":"Need To Know","artist":"Doja Cat","rank":16,"last_week_rank":13,"peak_rank":8,"weeks_on_chart":40,"image":"https://i.ytimg.com/vi/dI3xkL7qUAc/mqdefault.jpg","youtube_id":"dI3xkL7qUAc"},{"name":"Save Your Tears","artist":"The Weeknd & Ariana Grande","rank":17,"last_week_rank":17,"peak_rank":1,"weeks_on_chart":63,"image":"https://i.ytimg.com/vi/s37x2VSZrLw/mqdefault.jpg","youtube_id":"s37x2VSZrLw"},{"name":"Ahhh Ha","artist":"Lil Durk","rank":18,"last_week_rank":34,"peak_rank":18,"weeks_on_chart":4,"image":"https://i.ytimg.com/vi/_q6go0G49A0/mqdefault.jpg","youtube_id":"_q6go0G49A0"},{"name":"Levitating","artist":"Dua Lipa","rank":19,"last_week_rank":16,"peak_rank":2,"weeks_on_chart":71,"image":"https://i.ytimg.com/vi/TUVcZfQe-Kw/mqdefault.jpg","youtube_id":"TUVcZfQe-Kw"},{"name":"Pushin P","artist":"Gunna & Future Featuring Young Thug","rank":20,"last_week_rank":18,"peak_rank":7,"weeks_on_chart":10,"image":"https://i.ytimg.com/vi/-705T4FioZE/mqdefault.jpg","youtube_id":"-705T4FioZE"},{"name":"Industry Baby","artist":"Lil Nas X & Jack Harlow","rank":21,"last_week_rank":19,"peak_rank":1,"weeks_on_chart":34,"image":"https://i.ytimg.com/vi/UTHLKHL_whs/mqdefault.jpg","youtube_id":"UTHLKHL_whs"},{"name":"'Til You Can't","artist":"Cody Johnson","rank":22,"last_week_rank":25,"peak_rank":22,"weeks_on_chart":23,"image":"https://i.ytimg.com/vi/v2LixP7n_hM/mqdefault.jpg","youtube_id":"v2LixP7n_hM"},{"name":"One Right Now","artist":"Post Malone & The Weeknd","rank":23,"last_week_rank":21,"peak_rank":6,"weeks_on_chart":19,"image":"https://i.ytimg.com/vi/Tc0tLGWIqxA/mqdefault.jpg","youtube_id":"Tc0tLGWIqxA"},{"name":"What Happened To Virgil","artist":"Lil Durk Featuring Gunna","rank":24,"last_week_rank":null,"peak_rank":24,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/gtqqaHbLS-E/mqdefault.jpg","youtube_id":"gtqqaHbLS-E"},{"name":"I Hate U","artist":"SZA","rank":25,"last_week_rank":22,"peak_rank":7,"weeks_on_chart":15,"image":"https://i.ytimg.com/vi/xEAEDKzjQTY/mqdefault.jpg","youtube_id":"xEAEDKzjQTY"},{"name":"Petty Too","artist":"Lil Durk Featuring Future","rank":26,"last_week_rank":null,"peak_rank":26,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/uajQnBXUy_A/mqdefault.jpg","youtube_id":"uajQnBXUy_A"},{"name":"Hrs And Hrs","artist":"Muni Long","rank":27,"last_week_rank":24,"peak_rank":16,"weeks_on_chart":12,"image":"https://i.ytimg.com/vi/okfR_VIbXEQ/mqdefault.jpg","youtube_id":"okfR_VIbXEQ"},{"name":"MAMIII","artist":"Becky G X Karol G","rank":28,"last_week_rank":26,"peak_rank":15,"weeks_on_chart":5,"image":"https://i.ytimg.com/vi/vb8wloc4Xpw/mqdefault.jpg","youtube_id":"vb8wloc4Xpw"},{"name":"Surface Pressure","artist":"Jessica Darrow","rank":29,"last_week_rank":20,"peak_rank":8,"weeks_on_chart":12,"image":"https://i.ytimg.com/vi/tQwVKr8rCYw/mqdefault.jpg","youtube_id":"tQwVKr8rCYw"},{"name":"No Interviews","artist":"Lil Durk","rank":30,"last_week_rank":null,"peak_rank":30,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/lGIG3dpMXEI/mqdefault.jpg","youtube_id":"lGIG3dpMXEI"},{"name":"You Right","artist":"Doja Cat & The Weeknd","rank":31,"last_week_rank":29,"peak_rank":11,"weeks_on_chart":37,"image":"https://i.ytimg.com/vi/JXgV1rXUoME/mqdefault.jpg","youtube_id":"JXgV1rXUoME"},{"name":"Good 4 U","artist":"Olivia Rodrigo","rank":32,"last_week_rank":31,"peak_rank":1,"weeks_on_chart":44,"image":"https://i.ytimg.com/vi/gNi_6U5Pm_o/mqdefault.jpg","youtube_id":"gNi_6U5Pm_o"},{"name":"Light Switch","artist":"Charlie Puth","rank":33,"last_week_rank":27,"peak_rank":27,"weeks_on_chart":8,"image":"https://i.ytimg.com/vi/WFsAon_TWPQ/mqdefault.jpg","youtube_id":"WFsAon_TWPQ"},{"name":"Golden Child","artist":"Lil Durk","rank":34,"last_week_rank":null,"peak_rank":34,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/c9ZokxMuOng/mqdefault.jpg","youtube_id":"c9ZokxMuOng"},{"name":"Buy Dirt","artist":"Jordan Davis Featuring Luke Bryan","rank":35,"last_week_rank":28,"peak_rank":22,"weeks_on_chart":32,"image":"https://i.ytimg.com/vi/AKec3LTILRU/mqdefault.jpg","youtube_id":"AKec3LTILRU"},{"name":"Fancy Like","artist":"Walker Hayes","rank":36,"last_week_rank":30,"peak_rank":3,"weeks_on_chart":39,"image":"https://i.ytimg.com/vi/G_zuB-ogIBw/mqdefault.jpg","youtube_id":"G_zuB-ogIBw"},{"name":"Thinking With My Dick","artist":"Kevin Gates Featuring Juicy J","rank":37,"last_week_rank":null,"peak_rank":37,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/MMDVmV-nFIA/mqdefault.jpg","youtube_id":"MMDVmV-nFIA"},{"name":"Fingers Crossed","artist":"Lauren Spencer-Smith","rank":38,"last_week_rank":35,"peak_rank":19,"weeks_on_chart":11,"image":"https://i.ytimg.com/vi/gioXcm_nF0I/mqdefault.jpg","youtube_id":"gioXcm_nF0I"},{"name":"Bam Bam","artist":"Camila Cabello Featuring Ed Sheeran","rank":39,"last_week_rank":23,"peak_rank":23,"weeks_on_chart":2,"image":"https://i.ytimg.com/vi/-8VfKZCOo_I/mqdefault.jpg","youtube_id":"-8VfKZCOo_I"},{"name":"Handsomer","artist":"Russ Featuring Ktlyn","rank":40,"last_week_rank":60,"peak_rank":40,"weeks_on_chart":2,"image":"https://i.ytimg.com/vi/_TOwvMzWJ0U/mqdefault.jpg","youtube_id":"_TOwvMzWJ0U"},{"name":"Love Nwantiti (Ah Ah Ah)","artist":"CKay","rank":41,"last_week_rank":32,"peak_rank":26,"weeks_on_chart":26,"image":"https://i.ytimg.com/vi/D-YDEyuDxWU/mqdefault.jpg","youtube_id":"D-YDEyuDxWU"},{"name":"Beers On Me","artist":"Dierks Bentley, Breland & HARDY","rank":42,"last_week_rank":40,"peak_rank":40,"weeks_on_chart":12,"image":"https://i.ytimg.com/vi/rpsAYUBLVow/mqdefault.jpg","youtube_id":"rpsAYUBLVow"},{"name":"Broadway Girls","artist":"Lil Durk Featuring Morgan Wallen","rank":43,"last_week_rank":62,"peak_rank":14,"weeks_on_chart":13,"image":"https://i.ytimg.com/vi/2CNl_CCtE-I/mqdefault.jpg","youtube_id":"2CNl_CCtE-I"},{"name":"Sand In My Boots","artist":"Morgan Wallen","rank":44,"last_week_rank":33,"peak_rank":30,"weeks_on_chart":35,"image":"https://i.ytimg.com/vi/FXzE9eP1U_E/mqdefault.jpg","youtube_id":"FXzE9eP1U_E"},{"name":"Doin' This","artist":"Luke Combs","rank":45,"last_week_rank":37,"peak_rank":37,"weeks_on_chart":14,"image":"https://i.ytimg.com/vi/2YSqaI3IBpo/mqdefault.jpg","youtube_id":"2YSqaI3IBpo"},{"name":"Something In The Way","artist":"Nirvana","rank":46,"last_week_rank":null,"peak_rank":46,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/4VxdufqB9zg/mqdefault.jpg","youtube_id":"4VxdufqB9zg"},{"name":"Knife Talk","artist":"Drake Featuring 21 Savage & Project Pat","rank":47,"last_week_rank":38,"peak_rank":4,"weeks_on_chart":28,"image":"https://i.ytimg.com/vi/XqpQpt_cmhE/mqdefault.jpg","youtube_id":"XqpQpt_cmhE"},{"name":"Barbarian","artist":"Lil Durk","rank":48,"last_week_rank":null,"peak_rank":48,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/mQf1IxxZGCI/mqdefault.jpg","youtube_id":"mQf1IxxZGCI"},{"name":"Boyfriend","artist":"Dove Cameron","rank":49,"last_week_rank":42,"peak_rank":42,"weeks_on_chart":5,"image":"https://i.ytimg.com/vi/ZGHRfLAn2wI/mqdefault.jpg","youtube_id":"ZGHRfLAn2wI"},{"name":"To Be Loved By You","artist":"Parker McCollum","rank":50,"last_week_rank":41,"peak_rank":41,"weeks_on_chart":16,"image":"https://i.ytimg.com/vi/6FdpFu630hY/mqdefault.jpg","youtube_id":"6FdpFu630hY"},{"name":"Never Say Never","artist":"Cole Swindell / Lainey Wilson","rank":51,"last_week_rank":45,"peak_rank":45,"weeks_on_chart":9,"image":"https://i.ytimg.com/vi/q1WWi47ff5A/mqdefault.jpg","youtube_id":"q1WWi47ff5A"},{"name":"AA","artist":"Walker Hayes","rank":52,"last_week_rank":43,"peak_rank":43,"weeks_on_chart":10,"image":"https://i.ytimg.com/vi/hp6T14iP2C4/mqdefault.jpg","youtube_id":"hp6T14iP2C4"},{"name":"Shootout @ My Crib","artist":"Lil Durk","rank":53,"last_week_rank":null,"peak_rank":53,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/kHJ50SKoxdE/mqdefault.jpg","youtube_id":"kHJ50SKoxdE"},{"name":"Numb Little Bug","artist":"Em Beihold","rank":54,"last_week_rank":48,"peak_rank":48,"weeks_on_chart":7,"image":"https://i.ytimg.com/vi/9mVXPLlnSu4/mqdefault.jpg","youtube_id":"9mVXPLlnSu4"},{"name":"Started From","artist":"Lil Durk","rank":55,"last_week_rank":null,"peak_rank":55,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/Srea5yta5JE/mqdefault.jpg","youtube_id":"Srea5yta5JE"},{"name":"Drunk (And I Don't Wanna Go Home)","artist":"Elle King & Miranda Lambert","rank":56,"last_week_rank":47,"peak_rank":47,"weeks_on_chart":26,"image":"https://i.ytimg.com/vi/CS9zbWLiI0o/mqdefault.jpg","youtube_id":"CS9zbWLiI0o"},{"name":"The Family Madrigal","artist":"Stephanie Beatriz, Olga Merediz & Encanto Cast","rank":57,"last_week_rank":36,"peak_rank":20,"weeks_on_chart":11,"image":"https://i.ytimg.com/vi/Yp5nPGWWMh4/mqdefault.jpg","youtube_id":"Yp5nPGWWMh4"},{"name":"Headtaps","artist":"Lil Durk","rank":58,"last_week_rank":null,"peak_rank":58,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/HHYahW6VWjU/mqdefault.jpg","youtube_id":"HHYahW6VWjU"},{"name":"She's All I Wanna Be","artist":"Tate McRae","rank":59,"last_week_rank":49,"peak_rank":49,"weeks_on_chart":6,"image":"https://i.ytimg.com/vi/uS_y_65CcpA/mqdefault.jpg","youtube_id":"uS_y_65CcpA"},{"name":"Smoking & Thinking","artist":"Lil Durk","rank":60,"last_week_rank":null,"peak_rank":60,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/cp4O4KNkJeo/mqdefault.jpg","youtube_id":"cp4O4KNkJeo"},{"name":"23","artist":"Sam Hunt","rank":61,"last_week_rank":59,"peak_rank":53,"weeks_on_chart":12,"image":"https://i.ytimg.com/vi/tfUQ__v6-dA/mqdefault.jpg","youtube_id":"tfUQ__v6-dA"},{"name":"Slow Down Summer","artist":"Thomas Rhett","rank":62,"last_week_rank":52,"peak_rank":52,"weeks_on_chart":4,"image":"https://i.ytimg.com/vi/bvFKx3TVrak/mqdefault.jpg","youtube_id":"bvFKx3TVrak"},{"name":"Peru","artist":"Fireboy DML & Ed Sheeran","rank":63,"last_week_rank":57,"peak_rank":57,"weeks_on_chart":7,"image":"https://i.ytimg.com/vi/pekzpzNCNDQ/mqdefault.jpg","youtube_id":"pekzpzNCNDQ"},{"name":"The Motto","artist":"Tiesto & Ava Max","rank":64,"last_week_rank":71,"peak_rank":64,"weeks_on_chart":7,"image":"https://i.ytimg.com/vi/1_4ELAxKrDc/mqdefault.jpg","youtube_id":"1_4ELAxKrDc"},{"name":"Grow Up/Keep It On Speaker","artist":"Lil Durk","rank":65,"last_week_rank":null,"peak_rank":65,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/DHe4aBMwILU/mqdefault.jpg","youtube_id":"DHe4aBMwILU"},{"name":"Do We Have A Problem?","artist":"Nicki Minaj X Lil Baby","rank":66,"last_week_rank":54,"peak_rank":2,"weeks_on_chart":6,"image":"https://i.ytimg.com/vi/yrGR11TDRYM/mqdefault.jpg","youtube_id":"yrGR11TDRYM"},{"name":"What Else Can I Do?","artist":"Diane Guerrero & Stephanie Beatriz","rank":67,"last_week_rank":51,"peak_rank":27,"weeks_on_chart":11,"image":"https://i.ytimg.com/vi/bBeZSuHI4Qc/mqdefault.jpg","youtube_id":"bBeZSuHI4Qc"},{"name":"Nail Tech","artist":"Jack Harlow","rank":68,"last_week_rank":55,"peak_rank":18,"weeks_on_chart":4,"image":"https://i.ytimg.com/vi/e2AeKIzfQus/mqdefault.jpg","youtube_id":"e2AeKIzfQus"},{"name":"Blocklist","artist":"Lil Durk","rank":69,"last_week_rank":null,"peak_rank":69,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/idYTxFRsIs4/mqdefault.jpg","youtube_id":"idYTxFRsIs4"},{"name":"Me Or Sum","artist":"Nardo Wick, Lil Baby & Future","rank":70,"last_week_rank":66,"peak_rank":58,"weeks_on_chart":10,"image":"https://i.ytimg.com/vi/olKxFg0j-Ow/mqdefault.jpg","youtube_id":"olKxFg0j-Ow"},{"name":"Heart On Fire","artist":"Eric Church","rank":71,"last_week_rank":68,"peak_rank":56,"weeks_on_chart":17,"image":"https://i.ytimg.com/vi/s-XhvCmV4jI/mqdefault.jpg","youtube_id":"s-XhvCmV4jI"},{"name":"Dos Oruguitas","artist":"Sebastian Yatra","rank":72,"last_week_rank":58,"peak_rank":36,"weeks_on_chart":11,"image":"https://i.ytimg.com/vi/n_k8H3uct1o/mqdefault.jpg","youtube_id":"n_k8H3uct1o"},{"name":"Difference Is","artist":"Lil Durk Featuring Summer Walker","rank":73,"last_week_rank":null,"peak_rank":73,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/m8MSCY83xcs/mqdefault.jpg","youtube_id":"m8MSCY83xcs"},{"name":"Circles Around This Town","artist":"Maren Morris","rank":74,"last_week_rank":65,"peak_rank":63,"weeks_on_chart":10,"image":"https://i.ytimg.com/vi/_EmOYuzBP1I/mqdefault.jpg","youtube_id":"_EmOYuzBP1I"},{"name":"Freaky Deaky","artist":"Tyga X Doja Cat","rank":75,"last_week_rank":67,"peak_rank":43,"weeks_on_chart":3,"image":"https://i.ytimg.com/vi/5ZHXYnGVlcg/mqdefault.jpg","youtube_id":"5ZHXYnGVlcg"},{"name":"If I Was A Cowboy","artist":"Miranda Lambert","rank":76,"last_week_rank":74,"peak_rank":74,"weeks_on_chart":7,"image":"https://i.ytimg.com/vi/EJEz_z7cE_0/mqdefault.jpg","youtube_id":"EJEz_z7cE_0"},{"name":"Beautiful Lies","artist":"Yung Bleu & Kehlani","rank":77,"last_week_rank":69,"peak_rank":65,"weeks_on_chart":8,"image":"https://i.ytimg.com/vi/JC_gAhrAyQY/mqdefault.jpg","youtube_id":"JC_gAhrAyQY"},{"name":"Flower Shops","artist":"ERNEST Featuring Morgan Wallen","rank":78,"last_week_rank":88,"peak_rank":68,"weeks_on_chart":8,"image":"https://i.ytimg.com/vi/EkIXj500KdE/mqdefault.jpg","youtube_id":"EkIXj500KdE"},{"name":"Sacrifice","artist":"The Weeknd","rank":79,"last_week_rank":56,"peak_rank":11,"weeks_on_chart":10,"image":"https://i.ytimg.com/vi/VafTMsrnSTU/mqdefault.jpg","youtube_id":"VafTMsrnSTU"},{"name":"Smokin Out The Window","artist":"Silk Sonic (Bruno Mars & Anderson .Paak)","rank":80,"last_week_rank":64,"peak_rank":5,"weeks_on_chart":19,"image":"https://i.ytimg.com/vi/GG7fLOmlhYg/mqdefault.jpg","youtube_id":"GG7fLOmlhYg"},{"name":"To The Moon!","artist":"JNR CHOI & Sam Tompkins","rank":81,"last_week_rank":87,"peak_rank":81,"weeks_on_chart":3,"image":"https://i.ytimg.com/vi/Q_6OZd6FFYg/mqdefault.jpg","youtube_id":"Q_6OZd6FFYg"},{"name":"P Power","artist":"Gunna Featuring Drake","rank":82,"last_week_rank":75,"peak_rank":24,"weeks_on_chart":9,"image":"https://i.ytimg.com/vi/taIPXM8ICwo/mqdefault.jpg","youtube_id":"taIPXM8ICwo"},{"name":"High","artist":"The Chainsmokers","rank":83,"last_week_rank":76,"peak_rank":57,"weeks_on_chart":7,"image":"https://i.ytimg.com/vi/AfxsFsLhL04/mqdefault.jpg","youtube_id":"AfxsFsLhL04"},{"name":"Pressure","artist":"Ari Lennox","rank":84,"last_week_rank":70,"peak_rank":66,"weeks_on_chart":12,"image":"https://i.ytimg.com/vi/E604eZ81_YQ/mqdefault.jpg","youtube_id":"E604eZ81_YQ"},{"name":"Federal Nightmares","artist":"Lil Durk","rank":85,"last_week_rank":null,"peak_rank":85,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/FNFL53i0WB0/mqdefault.jpg","youtube_id":"FNFL53i0WB0"},{"name":"Rumors","artist":"Gucci Mane Featuring Lil Durk","rank":86,"last_week_rank":79,"peak_rank":51,"weeks_on_chart":7,"image":"https://i.ytimg.com/vi/QVn1DGgqBNo/mqdefault.jpg","youtube_id":"QVn1DGgqBNo"},{"name":"Never Wanted To Be That Girl","artist":"Carly Pearce & Ashley McBryde","rank":87,"last_week_rank":78,"peak_rank":78,"weeks_on_chart":10,"image":"https://i.ytimg.com/vi/C9IU6CBlogw/mqdefault.jpg","youtube_id":"C9IU6CBlogw"},{"name":"Half Of My Hometown","artist":"Kelsea Ballerini Featuring Kenny Chesney","rank":88,"last_week_rank":63,"peak_rank":53,"weeks_on_chart":18,"image":"https://i.ytimg.com/vi/abYaq2tWGYs/mqdefault.jpg","youtube_id":"abYaq2tWGYs"},{"name":"I Love You So","artist":"The Walters","rank":89,"last_week_rank":85,"peak_rank":71,"weeks_on_chart":9,"image":"https://i.ytimg.com/vi/NwFVSclD_uc/mqdefault.jpg","youtube_id":"NwFVSclD_uc"},{"name":"Banking On Me","artist":"Gunna","rank":90,"last_week_rank":80,"peak_rank":61,"weeks_on_chart":4,"image":"https://i.ytimg.com/vi/R9ibxWKS1fs/mqdefault.jpg","youtube_id":"R9ibxWKS1fs"},{"name":"Give Heaven Some Hell","artist":"HARDY","rank":91,"last_week_rank":91,"peak_rank":91,"weeks_on_chart":3,"image":"https://i.ytimg.com/vi/XNLPf8YhSc8/mqdefault.jpg","youtube_id":"XNLPf8YhSc8"},{"name":"I'm Tired","artist":"Labrinth & Zendaya","rank":92,"last_week_rank":53,"peak_rank":53,"weeks_on_chart":3,"image":"https://i.ytimg.com/vi/ZFe55-p7XJc/mqdefault.jpg","youtube_id":"ZFe55-p7XJc"},{"name":"Bones","artist":"Imagine Dragons","rank":93,"last_week_rank":null,"peak_rank":93,"weeks_on_chart":1,"image":"https://i.ytimg.com/vi/DYed5whEf4g/mqdefault.jpg","youtube_id":"DYed5whEf4g"},{"name":"Rocking A Cardigan In Atlanta","artist":"Lil Shordie Scott","rank":94,"last_week_rank":77,"peak_rank":77,"weeks_on_chart":3,"image":"https://i.ytimg.com/vi/bVe9aG2okv4/mqdefault.jpg","youtube_id":"bVe9aG2okv4"},{"name":"Pissed Me Off","artist":"Lil Durk","rank":95,"last_week_rank":null,"peak_rank":39,"weeks_on_chart":4,"image":"https://i.ytimg.com/vi/DdDdQZHH2cM/mqdefault.jpg","youtube_id":"DdDdQZHH2cM"},{"name":"By Your Side","artist":"Rod Wave","rank":96,"last_week_rank":86,"peak_rank":58,"weeks_on_chart":16,"image":"https://i.ytimg.com/vi/y7394ESN91Y/mqdefault.jpg","youtube_id":"y7394ESN91Y"},{"name":"Waiting On A Miracle","artist":"Stephanie Beatriz","rank":97,"last_week_rank":83,"peak_rank":48,"weeks_on_chart":11,"image":"https://i.ytimg.com/vi/jKKrfr4To14/mqdefault.jpg","youtube_id":"jKKrfr4To14"},{"name":"I Hate YoungBoy","artist":"YoungBoy Never Broke Again","rank":98,"last_week_rank":81,"peak_rank":79,"weeks_on_chart":3,"image":"https://i.ytimg.com/vi/k-PaOWxvnz0/mqdefault.jpg","youtube_id":"k-PaOWxvnz0"},{"name":"City Of Gods","artist":"Fivio Foreign, Kanye West & Alicia Keys","rank":99,"last_week_rank":90,"peak_rank":46,"weeks_on_chart":5,"image":"https://i.ytimg.com/vi/0yVdBlGSgRw/mqdefault.jpg","youtube_id":"0yVdBlGSgRw"},{"name":"Closer","artist":"Saweetie Featuring H.E.R.","rank":100,"last_week_rank":99,"peak_rank":89,"weeks_on_chart":5,"image":"https://i.ytimg.com/vi/ALO5efsHHQA/mqdefault.jpg","youtube_id":"ALO5efsHHQA"}]} -------------------------------------------------------------------------------- /data/2023-10-24.json: -------------------------------------------------------------------------------- 1 | {"date":"2023-10-24","data":[{"name":"Cruel Summer","artist":"Taylor Swift","image":"https://charts-static.billboard.com/img/2019/08/taylor-swift-824-cruelsummer-i1p-180x180.jpg","rank":1,"last_week_rank":9,"peak_rank":1,"weeks_on_chart":24,"youtube_id":"_SXUdxjwQo4"},{"name":"Paint The Town Red","artist":"Doja Cat","image":"https://charts-static.billboard.com/img/2023/08/dojacat-cqv-paintthetownred-unh-180x180.jpg","rank":2,"last_week_rank":4,"peak_rank":1,"weeks_on_chart":11,"youtube_id":"m4_9TFeMfJE"},{"name":"Snooze","artist":"SZA","image":"https://charts-static.billboard.com/img/2022/12/sza-xyh-snooze-eom-180x180.jpg","rank":3,"last_week_rank":7,"peak_rank":2,"weeks_on_chart":45,"youtube_id":"bs0qR3-7lIY"},{"name":"IDGAF","artist":"Drake Featuring Yeat","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":4,"last_week_rank":2,"peak_rank":2,"weeks_on_chart":2,"youtube_id":"fCRCLsJQWUQ"},{"name":"Monaco","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":5,"last_week_rank":null,"peak_rank":5,"weeks_on_chart":1,"youtube_id":"_PJvpq8uOZM"},{"name":"I Remember Everything","artist":"Zach Bryan Featuring Kacey Musgraves","image":"https://charts-static.billboard.com/img/2023/09/zachbryan-de1-iremembereverything-to3-180x180.jpg","rank":6,"last_week_rank":14,"peak_rank":1,"weeks_on_chart":8,"youtube_id":"ZVVvJjwzl6c"},{"name":"Fast Car","artist":"Luke Combs","image":"https://charts-static.billboard.com/img/2015/07/luke-combs-9dm-180x180.jpg","rank":7,"last_week_rank":13,"peak_rank":2,"weeks_on_chart":30,"youtube_id":"2oHOQ8ETU3I"},{"name":"First Person Shooter","artist":"Drake Featuring J. Cole","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":8,"last_week_rank":1,"peak_rank":1,"weeks_on_chart":2,"youtube_id":"sRs2o36a1Us"},{"name":"Last Night","artist":"Morgan Wallen","image":"https://charts-static.billboard.com/img/2016/08/morgan-wallen-nlu-180x180.jpg","rank":9,"last_week_rank":19,"peak_rank":1,"weeks_on_chart":38,"youtube_id":"TyjgBxIVmEc"},{"name":"Thinkin' Bout Me","artist":"Morgan Wallen","image":"https://charts-static.billboard.com/img/2016/08/morgan-wallen-nlu-180x180.jpg","rank":10,"last_week_rank":25,"peak_rank":9,"weeks_on_chart":33,"youtube_id":"5DCdL1zdpdM"},{"name":"Fukumean","artist":"Gunna","image":"https://charts-static.billboard.com/img/2023/06/gunna-czg-fukumean-3ws-180x180.jpg","rank":11,"last_week_rank":23,"peak_rank":4,"weeks_on_chart":18,"youtube_id":"Y8j5uw1sSNA"},{"name":"Vampire","artist":"Olivia Rodrigo","image":"https://charts-static.billboard.com/img/2023/06/oliviarodrigo-3wl-vampire-q3w-180x180.jpg","rank":12,"last_week_rank":22,"peak_rank":1,"weeks_on_chart":16,"youtube_id":"RlPNh_PBZb4"},{"name":"Dance The Night","artist":"Dua Lipa","image":"https://charts-static.billboard.com/img/2023/06/dua-lipa-eqf-dancethenight-thm-180x180.jpg","rank":13,"last_week_rank":28,"peak_rank":6,"weeks_on_chart":21,"youtube_id":"OiC1rgCPmUQ"},{"name":"Fina","artist":"Bad Bunny & Young Miko","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":14,"last_week_rank":null,"peak_rank":14,"weeks_on_chart":1,"youtube_id":"xYixQwmhUxk"},{"name":"Virginia Beach","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":15,"last_week_rank":3,"peak_rank":3,"weeks_on_chart":2,"youtube_id":"k20wnICXpps"},{"name":"Rich Baby Daddy","artist":"Drake Featuring Sexyy Red & SZA","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":16,"last_week_rank":11,"peak_rank":11,"weeks_on_chart":2,"youtube_id":"F7o0upORtCw"},{"name":"Greedy","artist":"Tate McRae","image":"https://charts-static.billboard.com/img/2023/09/tatemcrae-rxu-greedy-2h2-180x180.jpg","rank":17,"last_week_rank":30,"peak_rank":14,"weeks_on_chart":5,"youtube_id":"To4SWGZkEPk"},{"name":"Flowers","artist":"Miley Cyrus","image":"https://charts-static.billboard.com/img/2023/01/miley-cyrus-jca-flowers-rqa-180x180.jpg","rank":18,"last_week_rank":33,"peak_rank":1,"weeks_on_chart":40,"youtube_id":"G7KNmW9a75Y"},{"name":"Barbie World","artist":"Nicki Minaj & Ice Spice With Aqua","image":"https://charts-static.billboard.com/img/2023/06/nicki-minaj-q7l-barbieworld-yox-180x180.jpg","rank":19,"last_week_rank":31,"peak_rank":7,"weeks_on_chart":17,"youtube_id":"CUj2AWEJnwQ"},{"name":"Perro Negro","artist":"Bad Bunny & Feid","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":20,"last_week_rank":null,"peak_rank":20,"weeks_on_chart":1,"youtube_id":"O2lC_oBI7DU"},{"name":"Slime You Out","artist":"Drake Featuring SZA","image":"https://charts-static.billboard.com/img/2023/09/drake-04g-slimeyouout-0gt-180x180.jpg","rank":21,"last_week_rank":6,"peak_rank":1,"weeks_on_chart":5,"youtube_id":"2_gLD1jarfU"},{"name":"Nadie Sabe","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":22,"last_week_rank":null,"peak_rank":22,"weeks_on_chart":1,"youtube_id":"qWL7Iy7jhKc"},{"name":"Need A Favor","artist":"Jelly Roll","image":"https://charts-static.billboard.com/img/2022/12/jelly-roll-z4p-needafavor-04i-180x180.jpg","rank":23,"last_week_rank":34,"peak_rank":14,"weeks_on_chart":29,"youtube_id":"P1nRboaLTzU"},{"name":"Hibiki","artist":"Bad Bunny & Mora","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":24,"last_week_rank":null,"peak_rank":24,"weeks_on_chart":1,"youtube_id":"eyurjSNb20w"},{"name":"Anti-Hero","artist":"Taylor Swift","image":"https://charts-static.billboard.com/img/2022/10/taylor-swift-824-antihero-fgo-180x180.jpg","rank":25,"last_week_rank":41,"peak_rank":1,"weeks_on_chart":52,"youtube_id":"b1kbLwvqugk"},{"name":"Used To Be Young","artist":"Miley Cyrus","image":"https://charts-static.billboard.com/img/2023/09/miley-cyrus-jca-usedtobeyoung-xxs-180x180.jpg","rank":26,"last_week_rank":38,"peak_rank":8,"weeks_on_chart":8,"youtube_id":"IZ3XMOdOdKM"},{"name":"All My Life","artist":"Lil Durk Featuring J. Cole","image":"https://charts-static.billboard.com/img/2013/06/lil-durk-hvd-180x180.jpg","rank":27,"last_week_rank":45,"peak_rank":2,"weeks_on_chart":23,"youtube_id":"_FwZRYDWg4g"},{"name":"Mr. October","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":28,"last_week_rank":null,"peak_rank":28,"weeks_on_chart":1,"youtube_id":"Q5GswxdmfPI"},{"name":"Religiously","artist":"Bailey Zimmerman","image":"https://charts-static.billboard.com/img/2023/04/baileyzimmerman-qt3-religiously-jbx-180x180.jpg","rank":29,"last_week_rank":35,"peak_rank":13,"weeks_on_chart":24,"youtube_id":"UYCWaK6Sbik"},{"name":"Cybertruck","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":30,"last_week_rank":null,"peak_rank":30,"weeks_on_chart":1,"youtube_id":"IEWBKhSs4bs"},{"name":"Watermelon Moonshine","artist":"Lainey Wilson","image":"https://charts-static.billboard.com/img/2022/12/lainey-wilson-2a9-watermelonmoonshine-l73-180x180.jpg","rank":31,"last_week_rank":40,"peak_rank":21,"weeks_on_chart":17,"youtube_id":"H80sxgekCSo"},{"name":"Telefono Nuevo","artist":"Bad Bunny & Luar La L","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":32,"last_week_rank":null,"peak_rank":32,"weeks_on_chart":1,"youtube_id":"1DXmmZ7Hngw"},{"name":"Dial Drunk","artist":"Noah Kahan With Post Malone","image":"https://charts-static.billboard.com/img/2023/06/noah-kahan-k6d-dialdrunk-onl-180x180.jpg","rank":33,"last_week_rank":43,"peak_rank":25,"weeks_on_chart":18,"youtube_id":"tGVRsIDNuKU"},{"name":"Baby Nueva","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":34,"last_week_rank":null,"peak_rank":34,"weeks_on_chart":1,"youtube_id":"9NeXro3wjnY"},{"name":"My Love Mine All Mine","artist":"Mitski","image":"https://charts-static.billboard.com/img/2023/09/mitski-bcr-mylovemineallmine-iqh-180x180.jpg","rank":35,"last_week_rank":54,"peak_rank":35,"weeks_on_chart":4,"youtube_id":"CgjknaWVChY"},{"name":"Kill Bill","artist":"SZA","image":"https://charts-static.billboard.com/img/2022/12/sza-xyh-killbill-6i8-180x180.jpg","rank":36,"last_week_rank":44,"peak_rank":1,"weeks_on_chart":45,"youtube_id":"_32tpGSbzmI"},{"name":"Save Me","artist":"Jelly Roll With Lainey Wilson","image":"https://charts-static.billboard.com/img/2023/05/jelly-roll-z4p-saveme-1jj-180x180.jpg","rank":37,"last_week_rank":53,"peak_rank":37,"weeks_on_chart":18,"youtube_id":"1y4_yTyWlKo"},{"name":"Seda","artist":"Bad Bunny & Bryant Myers","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":38,"last_week_rank":null,"peak_rank":38,"weeks_on_chart":1,"youtube_id":"2Si4RHnrTN8"},{"name":"Good Good","artist":"Usher, Summer Walker & 21 Savage","image":"https://charts-static.billboard.com/img/2023/08/usher-9xv-goodgood-bv0-180x180.jpg","rank":39,"last_week_rank":48,"peak_rank":28,"weeks_on_chart":10,"youtube_id":"7jA-tE-4BYI"},{"name":"What Was I Made For?","artist":"Billie Eilish","image":"https://charts-static.billboard.com/img/2023/07/billie-eilish-lrt-whatwasimadeforX-kn4-180x180.jpg","rank":40,"last_week_rank":46,"peak_rank":14,"weeks_on_chart":14,"youtube_id":"cW8VLC9nnTo"},{"name":"What It Is (Block Boy)","artist":"Doechii Featuring Kodak Black","image":"https://charts-static.billboard.com/img/2023/04/doechii-p52-whatitisblockboy-8qz-180x180.jpg","rank":41,"last_week_rank":47,"peak_rank":29,"weeks_on_chart":24,"youtube_id":"phtcAd8j6Ro"},{"name":"Bad Idea Right?","artist":"Olivia Rodrigo","image":"https://charts-static.billboard.com/img/2023/08/oliviarodrigo-3wl-badidearightX-ych-180x180.jpg","rank":42,"last_week_rank":39,"peak_rank":7,"weeks_on_chart":10,"youtube_id":"Dj9qJsJTsjQ"},{"name":"White Horse","artist":"Chris Stapleton","image":"https://charts-static.billboard.com/img/2023/08/chris-stapleton-kx1-whitehorse-jbq-180x180.jpg","rank":43,"last_week_rank":51,"peak_rank":31,"weeks_on_chart":13,"youtube_id":"pXyUUUFtNJc"},{"name":"Creepin'","artist":"Metro Boomin, The Weeknd & 21 Savage","image":"https://charts-static.billboard.com/img/2013/08/metro-boomin-nxb-180x180.jpg","rank":44,"last_week_rank":50,"peak_rank":3,"weeks_on_chart":46,"youtube_id":"61ymOWwOwuk"},{"name":"Daylight","artist":"David Kushner","image":"https://charts-static.billboard.com/img/2023/04/davidkushner-mih-daylight-0lt-180x180.jpg","rank":45,"last_week_rank":52,"peak_rank":33,"weeks_on_chart":27,"youtube_id":"MoN9ql6Yymw"},{"name":"Water","artist":"Tyla","image":"https://charts-static.billboard.com/img/2023/09/tyla-000-water-6ao-180x180.jpg","rank":46,"last_week_rank":63,"peak_rank":46,"weeks_on_chart":3,"youtube_id":"wlmUnWLaeog"},{"name":"Un Preview","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2023/10/bad-bunny-c3m-unpreview-tyd-180x180.jpg","rank":47,"last_week_rank":70,"peak_rank":43,"weeks_on_chart":4,"youtube_id":"Ll2rA7IpeNI"},{"name":"Say My Grace","artist":"Offset Featuring Travis Scott","image":"https://charts-static.billboard.com/img/2016/09/offset-qaf-180x180.jpg","rank":48,"last_week_rank":null,"peak_rank":48,"weeks_on_chart":1,"youtube_id":"eQrJS8IjKxo"},{"name":"Gently","artist":"Drake Featuring Bad Bunny","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":49,"last_week_rank":12,"peak_rank":12,"weeks_on_chart":2,"youtube_id":"ZsMbP5c4pb4"},{"name":"Try That In A Small Town","artist":"Jason Aldean","image":"https://charts-static.billboard.com/img/2023/06/jason-aldean-asu-trythatinasmalltown-j5c-180x180.jpg","rank":50,"last_week_rank":55,"peak_rank":1,"weeks_on_chart":14,"youtube_id":"b1_RKu-ESCY"},{"name":"I Know ?","artist":"Travis Scott","image":"https://charts-static.billboard.com/img/2013/07/travis-scott-lu8-180x180.jpg","rank":51,"last_week_rank":56,"peak_rank":11,"weeks_on_chart":12,"youtube_id":"fmdLsdmYzTo"},{"name":"Gracias Por Nada","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":52,"last_week_rank":null,"peak_rank":52,"weeks_on_chart":1,"youtube_id":"MW8tKMDdLdc"},{"name":"Vou 787","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":53,"last_week_rank":null,"peak_rank":53,"weeks_on_chart":1,"youtube_id":"ig-WD2cvXWw"},{"name":"Where She Goes","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2023/05/bad-bunny-c3m-whereshegoes-tic-180x180.jpg","rank":54,"last_week_rank":null,"peak_rank":8,"weeks_on_chart":20,"youtube_id":"bef8QLNHubw"},{"name":"Agora Hills","artist":"Doja Cat","image":"https://charts-static.billboard.com/img/2018/04/dojacat-cqv-180x180.jpg","rank":55,"last_week_rank":61,"peak_rank":18,"weeks_on_chart":4,"youtube_id":"0c66ksfigtU"},{"name":"Calling For You","artist":"Drake Featuring 21 Savage","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":56,"last_week_rank":5,"peak_rank":5,"weeks_on_chart":2,"youtube_id":"Z06HSkhGuK4"},{"name":"Mercedes Carota","artist":"Bad Bunny & YOVNGCHIMI","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":57,"last_week_rank":null,"peak_rank":57,"weeks_on_chart":1,"youtube_id":"CP3I036ZTaE"},{"name":"Lil Boo Thang","artist":"Paul Russell","image":"https://charts-static.billboard.com/img/2023/09/paulrussell-000-lilboothang-ruh-180x180.jpg","rank":58,"last_week_rank":66,"peak_rank":51,"weeks_on_chart":5,"youtube_id":"MoCaWpRAkVA"},{"name":"Single Soon","artist":"Selena Gomez","image":"https://charts-static.billboard.com/img/2023/09/selena-gomez-lkr-singlesoon-mqc-180x180.jpg","rank":59,"last_week_rank":62,"peak_rank":19,"weeks_on_chart":8,"youtube_id":"yOuqn4w1ozA"},{"name":"Daylight","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":60,"last_week_rank":8,"peak_rank":8,"weeks_on_chart":2,"youtube_id":"UklHtii5u3s"},{"name":"Los Pits","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":61,"last_week_rank":null,"peak_rank":61,"weeks_on_chart":1,"youtube_id":"yaHf1FwMYA4"},{"name":"Qlona","artist":"Karol G & Peso Pluma","image":"https://charts-static.billboard.com/img/2016/05/karol-g-7vn-180x180.jpg","rank":62,"last_week_rank":60,"peak_rank":28,"weeks_on_chart":10,"youtube_id":"BeUOBoSPWvA"},{"name":"8am In Charlotte","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":63,"last_week_rank":17,"peak_rank":17,"weeks_on_chart":2,"youtube_id":"VEW9E1EIQ1M"},{"name":"Rich Men North Of Richmond","artist":"Oliver Anthony Music","image":"https://charts-static.billboard.com/img/2023/08/oliveranthonymusic-zyi-richmennorthofrichmond-6u4-180x180.jpg","rank":64,"last_week_rank":57,"peak_rank":1,"weeks_on_chart":10,"youtube_id":"sqSA-SY5Hro"},{"name":"No Me Quiero Casar","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":65,"last_week_rank":null,"peak_rank":65,"weeks_on_chart":1,"youtube_id":"c5wXFxiLabI"},{"name":"What Would Pluto Do","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":66,"last_week_rank":18,"peak_rank":18,"weeks_on_chart":2,"youtube_id":"tKKpB4FLgzA"},{"name":"Meltdown","artist":"Travis Scott Featuring Drake","image":"https://charts-static.billboard.com/img/2013/07/travis-scott-lu8-180x180.jpg","rank":67,"last_week_rank":59,"peak_rank":3,"weeks_on_chart":12,"youtube_id":"LuKm4L9ryB0"},{"name":"Fear Of Heights","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":68,"last_week_rank":10,"peak_rank":10,"weeks_on_chart":2,"youtube_id":"_6GOjETAPKo"},{"name":"Bongos","artist":"Cardi B & Megan Thee Stallion","image":"https://charts-static.billboard.com/img/2023/09/cardi-b-7bz-bongos-adf-180x180.jpg","rank":69,"last_week_rank":69,"peak_rank":14,"weeks_on_chart":6,"youtube_id":"Ux1f1Q8Zxhk"},{"name":"Vuelve Candy B","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":70,"last_week_rank":null,"peak_rank":70,"weeks_on_chart":1,"youtube_id":"UBVm40IONzw"},{"name":"Lady Gaga","artist":"Peso Pluma, Gabito Ballesteros & Junior H","image":"https://charts-static.billboard.com/img/2022/04/pesopluma-2yo-180x180.jpg","rank":71,"last_week_rank":64,"peak_rank":35,"weeks_on_chart":17,"youtube_id":"TS1QNWcs63E"},{"name":"Peaches & Eggplants","artist":"Young Nudy Featuring 21 Savage","image":"https://charts-static.billboard.com/img/2018/03/youngnudy-k4c-180x180.jpg","rank":72,"last_week_rank":65,"peak_rank":33,"weeks_on_chart":20,"youtube_id":"2D17Pat5wWw"},{"name":"Great Gatsby","artist":"Rod Wave","image":"https://charts-static.billboard.com/img/2019/06/rod-wave-qt2-180x180.jpg","rank":73,"last_week_rank":68,"peak_rank":30,"weeks_on_chart":5,"youtube_id":"sCxcndTywXQ"},{"name":"Lose Control","artist":"Teddy Swims","image":"https://charts-static.billboard.com/img/2021/02/teddyswims-95l-180x180.jpg","rank":74,"last_week_rank":75,"peak_rank":58,"weeks_on_chart":10,"youtube_id":"GZ3zL7kT6_c"},{"name":"Stick Season","artist":"Noah Kahan","image":"https://charts-static.billboard.com/img/2022/07/noah-kahan-k6d-stickseason-gpe-180x180.jpg","rank":75,"last_week_rank":74,"peak_rank":74,"weeks_on_chart":3,"youtube_id":"iWG6apzIWAk"},{"name":"Wild Ones","artist":"Jessie Murph & Jelly Roll","image":"https://charts-static.billboard.com/img/2023/10/jessiemurph-000-wildones-lqw-180x180.jpg","rank":76,"last_week_rank":49,"peak_rank":49,"weeks_on_chart":2,"youtube_id":"MVDJxMxzTL0"},{"name":"Strangers","artist":"Kenya Grace","image":"https://charts-static.billboard.com/img/2023/09/kenyagrace-q62-strangers-c1h-180x180.jpg","rank":77,"last_week_rank":71,"peak_rank":56,"weeks_on_chart":5,"youtube_id":"S2TaAcwC_zI"},{"name":"Baticano","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":78,"last_week_rank":null,"peak_rank":78,"weeks_on_chart":1,"youtube_id":"beCWiM8bjr8"},{"name":"Get Him Back!","artist":"Olivia Rodrigo","image":"https://charts-static.billboard.com/img/2019/11/olivia-rodrigo-3wl-180x180.jpg","rank":79,"last_week_rank":67,"peak_rank":11,"weeks_on_chart":6,"youtube_id":"vkAezOlnwtk"},{"name":"Thunder y Lightning","artist":"Bad Bunny & Eladio Carrion","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":80,"last_week_rank":null,"peak_rank":80,"weeks_on_chart":1,"youtube_id":"WaGHUS4YplI"},{"name":"7969 Santa","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":81,"last_week_rank":16,"peak_rank":16,"weeks_on_chart":2,"youtube_id":"VBK5gQuYy_U"},{"name":"Members Only","artist":"Drake Featuring PARTYNEXTDOOR","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":82,"last_week_rank":24,"peak_rank":24,"weeks_on_chart":2,"youtube_id":"9YN6_jvHheo"},{"name":"Acho PR","artist":"Bad Bunny, Arcangel, De La Ghetto & Nengo Flow","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-c3m-180x180.jpg","rank":83,"last_week_rank":null,"peak_rank":83,"weeks_on_chart":1,"youtube_id":"zSKEwdM-U9s"},{"name":"Bahamas Promises","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":84,"last_week_rank":20,"peak_rank":20,"weeks_on_chart":2,"youtube_id":"oKr9gDBd0qQ"},{"name":"Drew A Picasso","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":85,"last_week_rank":27,"peak_rank":27,"weeks_on_chart":2,"youtube_id":"NP6jx4ZLF-Q"},{"name":"Tried Our Best","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":86,"last_week_rank":21,"peak_rank":21,"weeks_on_chart":2,"youtube_id":"tJYeoXe5SsA"},{"name":"Hey Driver","artist":"Zach Bryan Featuring The War And Treaty","image":"https://charts-static.billboard.com/img/2019/09/zachbryan-de1-180x180.jpg","rank":87,"last_week_rank":72,"peak_rank":14,"weeks_on_chart":8,"youtube_id":"o8LTi_zkGuY"},{"name":"Amen","artist":"Drake Featuring Teezo Touchdown","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":88,"last_week_rank":15,"peak_rank":15,"weeks_on_chart":2,"youtube_id":"8HYNcvMks6E"},{"name":"All The Parties","artist":"Drake Featuring Chief Keef","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":89,"last_week_rank":26,"peak_rank":26,"weeks_on_chart":2,"youtube_id":"CPdLz75ds4Q"},{"name":"500lbs","artist":"Lil Tecca","image":"https://charts-static.billboard.com/img/2023/08/liltecca-bra-500lbs-vdh-180x180.jpg","rank":90,"last_week_rank":85,"peak_rank":60,"weeks_on_chart":4,"youtube_id":"vIBFoBladhg"},{"name":"LaLa","artist":"Myke Towers","image":"https://charts-static.billboard.com/img/2019/03/myke-towers-g1s-180x180.jpg","rank":91,"last_week_rank":73,"peak_rank":43,"weeks_on_chart":15,"youtube_id":"rKaTr0u1lKA"},{"name":"Worth It","artist":"Offset & Don Toliver","image":"https://charts-static.billboard.com/img/2016/09/offset-qaf-180x180.jpg","rank":92,"last_week_rank":null,"peak_rank":92,"weeks_on_chart":1,"youtube_id":"w26CctrG5tw"},{"name":"3D","artist":"Jung Kook & Jack Harlow","image":"https://charts-static.billboard.com/img/2023/10/jungkook-is6-3d-o9j-180x180.jpg","rank":93,"last_week_rank":58,"peak_rank":5,"weeks_on_chart":3,"youtube_id":"mHNCM-YALSA"},{"name":"SkeeYee","artist":"Sexyy Red","image":"https://charts-static.billboard.com/img/2023/08/sexyyred-0ld-skeeyee-jvl-180x180.jpg","rank":94,"last_week_rank":84,"peak_rank":62,"weeks_on_chart":7,"youtube_id":"Id5Mh2T7rWc"},{"name":"Another Late Night","artist":"Drake Featuring Lil Yachty","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":95,"last_week_rank":29,"peak_rank":29,"weeks_on_chart":2,"youtube_id":"DGVjmJpCRUg"},{"name":"Everything I Love","artist":"Morgan Wallen","image":"https://charts-static.billboard.com/img/2016/08/morgan-wallen-nlu-180x180.jpg","rank":96,"last_week_rank":78,"peak_rank":14,"weeks_on_chart":34,"youtube_id":"MEv4Hzf8Hhw"},{"name":"On My Mama","artist":"Victoria Monet","image":"https://charts-static.billboard.com/img/2023/07/victoria-monet-4qq-onmymama-z3u-180x180.jpg","rank":97,"last_week_rank":89,"peak_rank":76,"weeks_on_chart":5,"youtube_id":"KdJ-Qwu3y4Y"},{"name":"Turks & Caicos","artist":"Rod Wave Featuring 21 Savage","image":"https://charts-static.billboard.com/img/2019/06/rod-wave-qt2-180x180.jpg","rank":98,"last_week_rank":77,"peak_rank":24,"weeks_on_chart":5,"youtube_id":"ltxOOGKZLs0"},{"name":"Better Place","artist":"*NSYNC","image":"https://charts-static.billboard.com/img/2023/10/n-sync-j8x-betterplace-fb9-180x180.jpg","rank":99,"last_week_rank":82,"peak_rank":25,"weeks_on_chart":3,"youtube_id":"YIptWV8jKws"},{"name":"Truck Bed","artist":"HARDY","image":"https://charts-static.billboard.com/img/2023/02/hardy-tzj-truckbed-iha-180x180.jpg","rank":100,"last_week_rank":81,"peak_rank":55,"weeks_on_chart":18,"youtube_id":"ZUKTn7UWO54"}]} -------------------------------------------------------------------------------- /data/2025-02-25.json: -------------------------------------------------------------------------------- 1 | {"date":"2025-02-25","data":[{"name":"Luther","artist":"Kendrick Lamar & SZA","image":"https://charts-static.billboard.com/img/2010/10/kendrick-lamar-1hw-180x180.jpg","rank":1,"last_week_rank":2,"peak_rank":1,"weeks_on_chart":13,"youtube_id":"FXzWth_zBMs"},{"name":"Not Like Us","artist":"Kendrick Lamar","image":"https://charts-static.billboard.com/img/2024/05/kendrick-lamar-1hw-notlikeus-fyp-180x180.jpg","rank":2,"last_week_rank":1,"peak_rank":1,"weeks_on_chart":41,"youtube_id":"H58vbez_m4E"},{"name":"Die With A Smile","artist":"Lady Gaga & Bruno Mars","image":"https://charts-static.billboard.com/img/2024/08/lady-gaga-r3b-diewithasmile-6og-180x180.jpg","rank":3,"last_week_rank":4,"peak_rank":1,"weeks_on_chart":27,"youtube_id":"kPa7bsKwL-c"},{"name":"TV Off","artist":"Kendrick Lamar Featuring Lefty Gunplay","image":"https://charts-static.billboard.com/img/2010/10/kendrick-lamar-1hw-180x180.jpg","rank":4,"last_week_rank":3,"peak_rank":2,"weeks_on_chart":13,"youtube_id":"XIwrwOEx5i8"},{"name":"Squabble Up","artist":"Kendrick Lamar","image":"https://charts-static.billboard.com/img/2010/10/kendrick-lamar-1hw-180x180.jpg","rank":5,"last_week_rank":5,"peak_rank":1,"weeks_on_chart":13,"youtube_id":"fuV4yQWdn_4"},{"name":"Gimme A Hug","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":6,"last_week_rank":null,"peak_rank":6,"weeks_on_chart":1,"youtube_id":"BR_0jEE5l9E"},{"name":"APT.","artist":"ROSE & Bruno Mars","image":"https://charts-static.billboard.com/img/2024/10/rose-000-apt-kne-180x180.jpg","rank":7,"last_week_rank":7,"peak_rank":3,"weeks_on_chart":18,"youtube_id":"ekr2nIex040"},{"name":"Birds Of A Feather","artist":"Billie Eilish","image":"https://charts-static.billboard.com/img/2024/06/billie-eilish-lrt-birdsofafeather-7iy-180x180.jpg","rank":8,"last_week_rank":6,"peak_rank":2,"weeks_on_chart":40,"youtube_id":"d5gf9dXbPi0"},{"name":"A Bar Song (Tipsy)","artist":"Shaboozey","image":"https://charts-static.billboard.com/img/2024/04/shaboozey-2wm-abarsongtipsy-bat-180x180.jpg","rank":9,"last_week_rank":8,"peak_rank":1,"weeks_on_chart":45,"youtube_id":"t7bQwwqW-Hc"},{"name":"Nokia","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":10,"last_week_rank":null,"peak_rank":10,"weeks_on_chart":1,"youtube_id":"UWyFj-TD9-M"},{"name":"Pink Pony Club","artist":"Chappell Roan","image":"https://charts-static.billboard.com/img/2024/06/chappellroan-bhw-pinkponyclub-14t-180x180.jpg","rank":11,"last_week_rank":9,"peak_rank":9,"weeks_on_chart":36,"youtube_id":"GR3Liudev18"},{"name":"Lose Control","artist":"Teddy Swims","image":"https://charts-static.billboard.com/img/2023/07/teddyswims-loq-losecontrol-4kx-180x180.jpg","rank":12,"last_week_rank":12,"peak_rank":1,"weeks_on_chart":79,"youtube_id":"9gWIIIr2Asw"},{"name":"Beautiful Things","artist":"Benson Boone","image":"https://charts-static.billboard.com/img/2024/02/bensonboone-zpu-beautifulthings-vvt-180x180.jpg","rank":13,"last_week_rank":11,"peak_rank":2,"weeks_on_chart":56,"youtube_id":"Oa_RSwwpPaA"},{"name":"30 For 30","artist":"SZA With Kendrick Lamar","image":"https://charts-static.billboard.com/img/2014/04/sza-xyh-180x180.jpg","rank":14,"last_week_rank":10,"peak_rank":10,"weeks_on_chart":9,"youtube_id":"ye-tjwqotEA"},{"name":"All The Stars","artist":"Kendrick Lamar & SZA","image":"https://charts-static.billboard.com/img/2018/01/kendrick-lamar-1hw-allthestars-9bi-180x180.jpg","rank":15,"last_week_rank":14,"peak_rank":7,"weeks_on_chart":23,"youtube_id":"yvOh7vVqlaE"},{"name":"That's So True","artist":"Gracie Abrams","image":"https://charts-static.billboard.com/img/2024/11/gracieabrams-wqa-thatssotrue-rob-180x180.jpg","rank":16,"last_week_rank":15,"peak_rank":6,"weeks_on_chart":18,"youtube_id":"1cdci5Hrn3I"},{"name":"Espresso","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2024/04/sabrina-carpenter-3b3-espresso-c1a-180x180.jpg","rank":17,"last_week_rank":18,"peak_rank":3,"weeks_on_chart":45,"youtube_id":"eVli-tstM5E"},{"name":"CN Tower","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":18,"last_week_rank":null,"peak_rank":18,"weeks_on_chart":1,"youtube_id":"0gI8phQgRss"},{"name":"Love Somebody","artist":"Morgan Wallen","image":"https://charts-static.billboard.com/img/2024/11/morgan-wallen-fi6-lovesomebody-a74-180x180.jpg","rank":19,"last_week_rank":17,"peak_rank":1,"weeks_on_chart":18,"youtube_id":"sS-1WXo94O8"},{"name":"I Had Some Help","artist":"Post Malone Featuring Morgan Wallen","image":"https://charts-static.billboard.com/img/2024/05/post-malone-uhe-ihadsomehelp-1sg-180x180.jpg","rank":20,"last_week_rank":20,"peak_rank":1,"weeks_on_chart":41,"youtube_id":"4QIZE708gJ4"},{"name":"Die Trying","artist":"PARTYNEXTDOOR, Drake & Yebba","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":21,"last_week_rank":null,"peak_rank":21,"weeks_on_chart":1,"youtube_id":"b5bR2NqDpqI"},{"name":"Taste","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2024/08/sabrina-carpenter-3b3-taste-tig-180x180.jpg","rank":22,"last_week_rank":24,"peak_rank":2,"weeks_on_chart":26,"youtube_id":"4Mk-6QK-Pqg"},{"name":"I'm The Problem","artist":"Morgan Wallen","image":"https://charts-static.billboard.com/img/2025/02/morgan-wallen-fi6-imtheproblem-wfr-180x180.jpg","rank":23,"last_week_rank":19,"peak_rank":2,"weeks_on_chart":3,"youtube_id":"YT57RMxA-Eo"},{"name":"Timeless","artist":"The Weeknd & Playboi Carti","image":"https://charts-static.billboard.com/img/2024/10/the-weeknd-jlk-timeless-ait-180x180.jpg","rank":24,"last_week_rank":16,"peak_rank":3,"weeks_on_chart":21,"youtube_id":"5EpyN_6dqyk"},{"name":"Please Please Please","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2024/06/sabrina-carpenter-3b3-pleasepleaseplease-i9t-180x180.jpg","rank":25,"last_week_rank":47,"peak_rank":1,"weeks_on_chart":35,"youtube_id":"cF1Na4AIecM"},{"name":"Something About You","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":26,"last_week_rank":null,"peak_rank":26,"weeks_on_chart":1,"youtube_id":"7D8mRkGXiL8"},{"name":"Busy Woman","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2014/06/sabrina-carpenter-3b3-180x180.jpg","rank":27,"last_week_rank":null,"peak_rank":27,"weeks_on_chart":1,"youtube_id":"3m6NBnqLc-g"},{"name":"Messy","artist":"Lola Young","image":"https://charts-static.billboard.com/img/2024/11/lolayoung-000-messy-0dn-180x180.jpg","rank":28,"last_week_rank":22,"peak_rank":14,"weeks_on_chart":12,"youtube_id":"k-k2_Liofy8"},{"name":"Moth Balls","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":29,"last_week_rank":null,"peak_rank":29,"weeks_on_chart":1,"youtube_id":"HzJFQFHmSKk"},{"name":"Somebody Loves Me","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":30,"last_week_rank":null,"peak_rank":30,"weeks_on_chart":1,"youtube_id":"htToA3wcFl4"},{"name":"Deeper","artist":"PARTYNEXTDOOR","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":31,"last_week_rank":null,"peak_rank":31,"weeks_on_chart":1,"youtube_id":"MIUga78PXw0"},{"name":"Denial Is A River","artist":"Doechii","image":"https://charts-static.billboard.com/img/2022/03/doechii-p52-180x180.jpg","rank":32,"last_week_rank":21,"peak_rank":21,"weeks_on_chart":7,"youtube_id":"F0cdbR5ognY"},{"name":"Abracadabra","artist":"Lady Gaga","image":"https://charts-static.billboard.com/img/2025/02/lady-gaga-r3b-abracadabra-0c6-180x180.jpg","rank":33,"last_week_rank":13,"peak_rank":13,"weeks_on_chart":3,"youtube_id":"kv2hla_T4K4"},{"name":"Too Sweet","artist":"Hozier","image":"https://charts-static.billboard.com/img/2013/10/hozier-yf1-180x180.jpg","rank":34,"last_week_rank":26,"peak_rank":1,"weeks_on_chart":47,"youtube_id":"NTpbbQUBbuo"},{"name":"Spider-Man Superman","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":35,"last_week_rank":null,"peak_rank":35,"weeks_on_chart":1,"youtube_id":"i-DK2XUsKuw"},{"name":"Good Luck, Babe!","artist":"Chappell Roan","image":"https://charts-static.billboard.com/img/2024/04/chappellroan-bhw-goodluckbabe-yrt-180x180.jpg","rank":36,"last_week_rank":23,"peak_rank":4,"weeks_on_chart":45,"youtube_id":"1RKqOmSkGgM"},{"name":"Crying In Chanel","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":37,"last_week_rank":null,"peak_rank":37,"weeks_on_chart":1,"youtube_id":"m9rb-v3wthQ"},{"name":"Peekaboo","artist":"Kendrick Lamar Featuring AzChike","image":"https://charts-static.billboard.com/img/2010/10/kendrick-lamar-1hw-180x180.jpg","rank":38,"last_week_rank":28,"peak_rank":13,"weeks_on_chart":13,"youtube_id":"CqKhf71AdxI"},{"name":"Bed Chem","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2024/09/sabrina-carpenter-3b3-bedchem-9im-180x180.jpg","rank":39,"last_week_rank":39,"peak_rank":14,"weeks_on_chart":26,"youtube_id":"KYuREfOVDsg"},{"name":"Small Town Fame","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":40,"last_week_rank":null,"peak_rank":40,"weeks_on_chart":1,"youtube_id":"_LQ8dkbtXxc"},{"name":"Stargazing","artist":"Myles Smith","image":"https://charts-static.billboard.com/img/2024/05/mylessmith-w4f-stargazing-35e-180x180.jpg","rank":41,"last_week_rank":30,"peak_rank":19,"weeks_on_chart":40,"youtube_id":"tKml80alH3Y"},{"name":"DTMF","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-6eh-180x180.jpg","rank":42,"last_week_rank":25,"peak_rank":2,"weeks_on_chart":7,"youtube_id":"v9T_MGfzq7I"},{"name":"Raining In Houston","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":43,"last_week_rank":null,"peak_rank":43,"weeks_on_chart":1,"youtube_id":"V_oB1e_Z4ag"},{"name":"Who","artist":"Jimin","image":"https://charts-static.billboard.com/img/2024/07/ji-min-7g4-who-dvy-180x180.jpg","rank":44,"last_week_rank":40,"peak_rank":12,"weeks_on_chart":30,"youtube_id":"Av9DvtlJ9_M"},{"name":"Pimmie's Dilemma","artist":"Pimmie, PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":45,"last_week_rank":null,"peak_rank":45,"weeks_on_chart":1,"youtube_id":"AQpH3Im6taU"},{"name":"High Road","artist":"Koe Wetzel & Jessie Murph","image":"https://charts-static.billboard.com/img/2024/06/koe-wetzel-1ky-highroad-769-180x180.jpg","rank":46,"last_week_rank":35,"peak_rank":22,"weeks_on_chart":37,"youtube_id":"sVZ0NVYzVeo"},{"name":"Brian Steel","artist":"Drake","image":"https://charts-static.billboard.com/img/2009/04/drake-04g-180x180.jpg","rank":47,"last_week_rank":null,"peak_rank":47,"weeks_on_chart":1,"youtube_id":"Aun38Xo5WYQ"},{"name":"Wildflower","artist":"Billie Eilish","image":"https://charts-static.billboard.com/img/2017/02/billie-eilish-lrt-180x180.jpg","rank":48,"last_week_rank":29,"peak_rank":17,"weeks_on_chart":36,"youtube_id":"l08Zw-RY__Q"},{"name":"BMF","artist":"SZA","image":"https://charts-static.billboard.com/img/2014/04/sza-xyh-180x180.jpg","rank":49,"last_week_rank":34,"peak_rank":29,"weeks_on_chart":9,"youtube_id":"M2f7-lSWRy0"},{"name":"Baile Inolvidable","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-6eh-180x180.jpg","rank":50,"last_week_rank":36,"peak_rank":3,"weeks_on_chart":7,"youtube_id":"2Y4zvxK0wYM"},{"name":"Liar","artist":"Jelly Roll","image":"https://charts-static.billboard.com/img/2024/08/jelly-roll-7m0-liar-cer-180x180.jpg","rank":51,"last_week_rank":42,"peak_rank":38,"weeks_on_chart":21,"youtube_id":"HcNILY4gtNI"},{"name":"Sticky","artist":"Tyler, The Creator Featuring GloRilla, Sexyy Red & Lil Wayne","image":"https://charts-static.billboard.com/img/2011/05/tyler-the-creator-loo-180x180.jpg","rank":52,"last_week_rank":32,"peak_rank":10,"weeks_on_chart":17,"youtube_id":"16KSivdIGjQ"},{"name":"Sailor Song","artist":"Gigi Perez","image":"https://charts-static.billboard.com/img/2024/08/gigiperez-iqu-sailorsong-x36-180x180.jpg","rank":53,"last_week_rank":37,"peak_rank":22,"weeks_on_chart":27,"youtube_id":"1lrFsXkT_rM"},{"name":"Cry For Me","artist":"The Weeknd","image":"https://charts-static.billboard.com/img/2011/11/the-weeknd-jlk-180x180.jpg","rank":54,"last_week_rank":27,"peak_rank":12,"weeks_on_chart":3,"youtube_id":"ljxYE-aJD3A"},{"name":"No One Noticed","artist":"The Marias","image":"https://charts-static.billboard.com/img/2024/08/themarias-mjs-noonenoticed-we8-180x180.jpg","rank":55,"last_week_rank":43,"peak_rank":22,"weeks_on_chart":21,"youtube_id":"UkOvq3uRPj8"},{"name":"Whatchu Kno About Me","artist":"GloRilla & Sexyy Red","image":"https://charts-static.billboard.com/img/2022/05/glorilla-bn2-180x180.jpg","rank":56,"last_week_rank":44,"peak_rank":17,"weeks_on_chart":19,"youtube_id":"Py9S2bD0RZQ"},{"name":"Sports Car","artist":"Tate McRae","image":"https://charts-static.billboard.com/img/2019/11/tatemcrae-rxu-180x180.jpg","rank":57,"last_week_rank":41,"peak_rank":21,"weeks_on_chart":4,"youtube_id":"7InTkBxPtK4"},{"name":"Smile","artist":"Morgan Wallen","image":"https://charts-static.billboard.com/img/2025/01/morgan-wallen-fi6-smile-01r-180x180.jpg","rank":58,"last_week_rank":38,"peak_rank":4,"weeks_on_chart":8,"youtube_id":"o4HsZ4fbmAE"},{"name":"Tweaker","artist":"GELO","image":"https://charts-static.billboard.com/img/2025/01/g3liangeloball-000-tweaker-fkf-180x180.jpg","rank":59,"last_week_rank":31,"peak_rank":29,"weeks_on_chart":7,"youtube_id":"F2MdybKPqfE"},{"name":"Lasers","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":60,"last_week_rank":null,"peak_rank":60,"weeks_on_chart":1,"youtube_id":"WkuSfmohYog"},{"name":"I Never Lie","artist":"Zach Top","image":"https://charts-static.billboard.com/img/2024/01/zachtop-7m8-180x180.jpg","rank":61,"last_week_rank":49,"peak_rank":38,"weeks_on_chart":22,"youtube_id":"vIfu9PAekiw"},{"name":"I'm Gonna Love You","artist":"Cody Johnson & Carrie Underwood","image":"https://charts-static.billboard.com/img/2024/10/cody-johnson-eoy-imgonnaloveyou-5gl-180x180.jpg","rank":62,"last_week_rank":51,"peak_rank":40,"weeks_on_chart":21,"youtube_id":"yy9PuYMU29g"},{"name":"Meet Your Padre","artist":"PARTYNEXTDOOR, Drake & Chino Pacas","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":63,"last_week_rank":null,"peak_rank":63,"weeks_on_chart":1,"youtube_id":"W_7ipL6VX44"},{"name":"Residuals","artist":"Chris Brown","image":"https://charts-static.billboard.com/img/2005/07/chris-brown-94g-180x180.jpg","rank":64,"last_week_rank":54,"peak_rank":40,"weeks_on_chart":24,"youtube_id":"46p-IxAVJ74"},{"name":"Indigo","artist":"Sam Barber Featuring Avery Anna","image":"https://charts-static.billboard.com/img/2023/04/sambarber-48a-180x180.jpg","rank":65,"last_week_rank":53,"peak_rank":48,"weeks_on_chart":11,"youtube_id":"0iMPhRWExTo"},{"name":"Celibacy","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":66,"last_week_rank":null,"peak_rank":66,"weeks_on_chart":1,"youtube_id":"maenOHO6fOI"},{"name":"15 Minutes","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2014/06/sabrina-carpenter-3b3-180x180.jpg","rank":67,"last_week_rank":null,"peak_rank":67,"weeks_on_chart":1,"youtube_id":"J1VP4VHlUr0"},{"name":"4x4xU","artist":"Lainey Wilson","image":"https://charts-static.billboard.com/img/2024/07/lainey-wilson-cu2-4x4xu-msh-180x180.jpg","rank":68,"last_week_rank":50,"peak_rank":45,"weeks_on_chart":15,"youtube_id":"m1zFk58Dohw"},{"name":"Bad Dreams","artist":"Teddy Swims","image":"https://charts-static.billboard.com/img/2024/09/teddyswims-loq-baddreams-v0e-180x180.jpg","rank":69,"last_week_rank":59,"peak_rank":42,"weeks_on_chart":12,"youtube_id":"Qh8QwVYOSVU"},{"name":"Greedy","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":70,"last_week_rank":null,"peak_rank":70,"weeks_on_chart":1,"youtube_id":"lutr8QWgwxA"},{"name":"Fat Juicy & Wet","artist":"Sexyy Red & Bruno Mars","image":"https://charts-static.billboard.com/img/2025/02/sexyyred-8hq-fatjuicywet-w8b-180x180.jpg","rank":71,"last_week_rank":46,"peak_rank":17,"weeks_on_chart":4,"youtube_id":"d7OROxsW5ZY"},{"name":"Nuevayol","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-6eh-180x180.jpg","rank":72,"last_week_rank":48,"peak_rank":8,"weeks_on_chart":7,"youtube_id":"zAfrPjTvSNs"},{"name":"When He's Gone","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":73,"last_week_rank":null,"peak_rank":73,"weeks_on_chart":1,"youtube_id":"qCGj9qrxQCE"},{"name":"OMW","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":74,"last_week_rank":null,"peak_rank":74,"weeks_on_chart":1,"youtube_id":"wMzYpNWKyX0"},{"name":"Good News","artist":"Shaboozey","image":"https://charts-static.billboard.com/img/2024/11/shaboozey-2wm-goodnews-c3j-180x180.jpg","rank":75,"last_week_rank":57,"peak_rank":47,"weeks_on_chart":13,"youtube_id":"WBDpb7SwSgU"},{"name":"Like Him","artist":"Tyler, The Creator Featuring Lola Young","image":"https://charts-static.billboard.com/img/2011/05/tyler-the-creator-loo-180x180.jpg","rank":76,"last_week_rank":58,"peak_rank":29,"weeks_on_chart":17,"youtube_id":"dgUHE8wWhiE"},{"name":"Loco","artist":"Neton Vega","image":"https://charts-static.billboard.com/img/2025/01/netonvega-emt-loco-x5c-180x180.jpg","rank":77,"last_week_rank":52,"peak_rank":43,"weeks_on_chart":8,"youtube_id":"lo62O3EUku8"},{"name":"Worst Way","artist":"Riley Green","image":"https://charts-static.billboard.com/img/2024/04/riley-green-gmh-worstway-56i-180x180.jpg","rank":78,"last_week_rank":87,"peak_rank":78,"weeks_on_chart":6,"youtube_id":"OkktfeAR-Rk"},{"name":"I Ain't Sayin'","artist":"Jordan Davis","image":"https://charts-static.billboard.com/img/2024/08/jordan-davis-wxd-iaintsayin-1y8-180x180.jpg","rank":79,"last_week_rank":62,"peak_rank":59,"weeks_on_chart":9,"youtube_id":"AI1uDj7YmSI"},{"name":"Ordinary","artist":"Alex Warren","image":"https://charts-static.billboard.com/img/2025/02/alexwarren-1ap-ordinary-jb8-180x180.jpg","rank":80,"last_week_rank":61,"peak_rank":61,"weeks_on_chart":2,"youtube_id":"u2ah9tWTkmk"},{"name":"Hey Now","artist":"Kendrick Lamar Featuring Dody6","image":"https://charts-static.billboard.com/img/2010/10/kendrick-lamar-1hw-180x180.jpg","rank":81,"last_week_rank":56,"peak_rank":5,"weeks_on_chart":13,"youtube_id":"TxPBDXzj7ZQ"},{"name":"Guy For That","artist":"Post Malone Featuring Luke Combs","image":"https://charts-static.billboard.com/img/2024/08/post-malone-uhe-guyforthat-dky-180x180.jpg","rank":82,"last_week_rank":67,"peak_rank":17,"weeks_on_chart":27,"youtube_id":"b1aBzAE-IFY"},{"name":"Glorious","artist":"PARTYNEXTDOOR & Drake","image":"https://charts-static.billboard.com/img/2013/07/partynextdoor-yng-87x87.jpg","rank":83,"last_week_rank":null,"peak_rank":83,"weeks_on_chart":1,"youtube_id":"mw8COCRBfGw"},{"name":"Couldn't Make It Any Harder","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2014/06/sabrina-carpenter-3b3-180x180.jpg","rank":84,"last_week_rank":null,"peak_rank":84,"weeks_on_chart":1,"youtube_id":"9Rn6hwDv8R8"},{"name":"Por Esos Ojos","artist":"Fuerza Regida","image":"https://charts-static.billboard.com/img/2025/02/fuerzaregida-o2t-poresosojos-2q7-180x180.jpg","rank":85,"last_week_rank":null,"peak_rank":85,"weeks_on_chart":1,"youtube_id":"IpgbHjhiotg"},{"name":"Voy A Llevarte Pa PR","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-6eh-180x180.jpg","rank":86,"last_week_rank":60,"peak_rank":17,"weeks_on_chart":7,"youtube_id":"X2MGCIDOMZ4"},{"name":"Bad Reviews","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2014/06/sabrina-carpenter-3b3-180x180.jpg","rank":87,"last_week_rank":null,"peak_rank":87,"weeks_on_chart":1,"youtube_id":"a3812_ZNUP0"},{"name":"Am I Okay?","artist":"Megan Moroney","image":"https://charts-static.billboard.com/img/2024/07/meganmoroney-1wq-amiokayX-wr9-180x180.jpg","rank":88,"last_week_rank":66,"peak_rank":59,"weeks_on_chart":24,"youtube_id":"P6BhKDR1RTo"},{"name":"Heart Of A Woman","artist":"Summer Walker","image":"https://charts-static.billboard.com/img/2024/11/summerwalker-e1o-heartofawoman-3ww-180x180.jpg","rank":89,"last_week_rank":71,"peak_rank":57,"weeks_on_chart":17,"youtube_id":"SFddctbZzw8"},{"name":"Twenties","artist":"Giveon","image":"https://charts-static.billboard.com/img/2025/02/giveon-k6h-twenties-4je-180x180.jpg","rank":90,"last_week_rank":55,"peak_rank":55,"weeks_on_chart":2,"youtube_id":"QQ0JwHJ2luk"},{"name":"EOO","artist":"Bad Bunny","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-6eh-180x180.jpg","rank":91,"last_week_rank":65,"peak_rank":24,"weeks_on_chart":7,"youtube_id":"myDIeOjqQos"},{"name":"Push 2 Start","artist":"Tyla","image":"https://charts-static.billboard.com/img/2023/02/tyla-7bc-87x87.jpg","rank":92,"last_week_rank":96,"peak_rank":88,"weeks_on_chart":4,"youtube_id":"uLK2r3sG4lE"},{"name":"Que Pasaria...","artist":"Rauw Alejandro & Bad Bunny","image":"https://charts-static.billboard.com/img/2018/09/rauwalejandro-why-180x180.jpg","rank":93,"last_week_rank":69,"peak_rank":34,"weeks_on_chart":14,"youtube_id":"g08y_x83d5E"},{"name":"The Largest","artist":"BigXthaPlug","image":"https://charts-static.billboard.com/img/2024/10/bigxthaplug-b0q-thelargest-pf2-180x180.jpg","rank":94,"last_week_rank":78,"peak_rank":71,"weeks_on_chart":8,"youtube_id":"3QwZjhHcLZk"},{"name":"Tu Boda","artist":"Oscar Maydon & Fuerza Regida","image":"https://charts-static.billboard.com/img/2024/10/oscarmaydon-uvh-tuboda-ktj-180x180.jpg","rank":95,"last_week_rank":75,"peak_rank":22,"weeks_on_chart":18,"youtube_id":"sqYc4sFyzws"},{"name":"4X4","artist":"Travis Scott","image":"https://charts-static.billboard.com/img/2025/02/travis-scott-a4t-4x4-eal-180x180.jpg","rank":96,"last_week_rank":64,"peak_rank":1,"weeks_on_chart":4,"youtube_id":"LkIS4DpRPHY"},{"name":"Mutt","artist":"Leon Thomas","image":"https://charts-static.billboard.com/img/2024/10/leonthomas-y3w-mutt-ch5-180x180.jpg","rank":97,"last_week_rank":90,"peak_rank":90,"weeks_on_chart":3,"youtube_id":"ejEzHE5ZMT8"},{"name":"No Pole","artist":"Don Toliver","image":"https://charts-static.billboard.com/img/2019/12/dontoliver-37d-180x180.jpg","rank":98,"last_week_rank":79,"peak_rank":66,"weeks_on_chart":16,"youtube_id":"fCeiUX59_FM"},{"name":"Velda","artist":"Bad Bunny, Omar Courtz & Dei V","image":"https://charts-static.billboard.com/img/2016/10/bad-bunny-6eh-180x180.jpg","rank":99,"last_week_rank":70,"peak_rank":23,"weeks_on_chart":7,"youtube_id":"yNEpyU3PnDI"},{"name":"Juno","artist":"Sabrina Carpenter","image":"https://charts-static.billboard.com/img/2014/06/sabrina-carpenter-3b3-180x180.jpg","rank":100,"last_week_rank":null,"peak_rank":22,"weeks_on_chart":17,"youtube_id":"1aMCVgRKcP4"}]} -------------------------------------------------------------------------------- /web/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { 3 | browser: true, 4 | es6: true, 5 | node: true, 6 | }, 7 | extends: [ 8 | 'eslint:recommended', 9 | 'plugin:import/errors', 10 | 'plugin:import/warnings', 11 | 'plugin:import/typescript', 12 | 'plugin:@typescript-eslint/recommended', 13 | 'plugin:prettier/recommended', 14 | ], 15 | plugins: ['@typescript-eslint', 'import', 'prettier', 'react', 'react-hooks'], 16 | rules: { 17 | 'import/no-named-as-default-member': 'off', 18 | '@typescript-eslint/no-explicit-any': 'off', 19 | '@typescript-eslint/ban-ts-comment': 'off', 20 | }, 21 | }; 22 | -------------------------------------------------------------------------------- /web/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /web/.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | singleQuote: true, 3 | semi: true, 4 | trailingComma: 'all', 5 | arrowParens: 'avoid' 6 | }; -------------------------------------------------------------------------------- /web/jest.config.js: -------------------------------------------------------------------------------- 1 | module.exports = {}; 2 | -------------------------------------------------------------------------------- /web/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "web", 3 | "version": "1.0.0-rc.0", 4 | "homepage": "https://billboard-player.com", 5 | "scripts": { 6 | "start": "react-scripts start", 7 | "build": "react-scripts build", 8 | "test": "react-scripts test", 9 | "test:coverage": "npm run test -- --coverage --watchAll=false", 10 | "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx" 11 | }, 12 | "eslintConfig": { 13 | "extends": [ 14 | "react-app", 15 | "react-app/jest" 16 | ] 17 | }, 18 | "browserslist": { 19 | "production": [ 20 | ">0.2%", 21 | "not dead", 22 | "not op_mini all" 23 | ], 24 | "development": [ 25 | "last 1 chrome version", 26 | "last 1 firefox version", 27 | "last 1 safari version" 28 | ] 29 | }, 30 | "dependencies": { 31 | "@emotion/react": "^11.8.2", 32 | "@emotion/styled": "^11.8.1", 33 | "@mdi/js": "^6.5.95", 34 | "@mdi/react": "^1.5.0", 35 | "react": "^18.0.0", 36 | "react-dom": "^18.0.0", 37 | "react-router-dom": "^6.3.0", 38 | "react-scripts": "5.0.0", 39 | "react-youtube": "^7.14.0", 40 | "web-vitals": "^2.1.4" 41 | }, 42 | "devDependencies": { 43 | "@testing-library/jest-dom": "^5.16.3", 44 | "@testing-library/react": "^12.1.4", 45 | "@testing-library/user-event": "^13.5.0", 46 | "@types/jest": "^27.4.1", 47 | "@types/node": "^16.11.26", 48 | "@types/react": "^17.0.43", 49 | "@types/react-dom": "^17.0.14", 50 | "@typescript-eslint/eslint-plugin": "^5.12.0", 51 | "@typescript-eslint/parser": "^5.12.0", 52 | "eslint": "^8.2.0", 53 | "eslint-config-prettier": "^8.3.0", 54 | "eslint-plugin-import": "^2.25.3", 55 | "eslint-plugin-prettier": "^4.0.0", 56 | "eslint-plugin-react": "^7.28.0", 57 | "eslint-plugin-react-hooks": "^4.3.0", 58 | "prettier": "^2.5.1", 59 | "typescript": "^4.6.3" 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /web/public/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Single Page Apps for GitHub Pages 7 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /web/public/about.txt: -------------------------------------------------------------------------------- 1 | This favicon was generated using the following font: 2 | 3 | - Font Title: Noto Sans 4 | - Font Author: Copyright 2012 Google Inc. All Rights Reserved. 5 | - Font Source: http://fonts.gstatic.com/s/notosans/v25/o-0IIpQlx3QUlC5A4PNb4j5Ba_2c7A.ttf 6 | - Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL)) 7 | -------------------------------------------------------------------------------- /web/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/web/public/favicon.ico -------------------------------------------------------------------------------- /web/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 24 | 25 | 26 | 48 | 49 | Billboard Player 50 | 51 | 52 | 53 | 54 |

55 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /web/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/web/public/logo192.png -------------------------------------------------------------------------------- /web/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/krtk-dev/billboard-player/0faf7f461fb5686d1519d9c91322943b6e015af9/web/public/logo512.png -------------------------------------------------------------------------------- /web/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Billboard Player", 3 | "name": "Billboard Player", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } -------------------------------------------------------------------------------- /web/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /web/src/App.tsx: -------------------------------------------------------------------------------- 1 | import RootNavigation from './navigations/RootNavigation'; 2 | 3 | const App = () => { 4 | return ; 5 | }; 6 | 7 | export default App; 8 | -------------------------------------------------------------------------------- /web/src/constants/styles.ts: -------------------------------------------------------------------------------- 1 | export const COLORS = { 2 | white: '#FFF', 3 | black: '#000', 4 | gray: '#222', 5 | light_gray: '#888', 6 | dark_gray: '#111', 7 | blue: '#1A73E8', 8 | red: '#E44034', 9 | yellow: '#FABC05', 10 | }; 11 | 12 | export const BREAK_POINT = '768px'; 13 | -------------------------------------------------------------------------------- /web/src/constants/types.ts: -------------------------------------------------------------------------------- 1 | export interface SaveData { 2 | date: string; 3 | data: Data[]; 4 | } 5 | export interface Data { 6 | name: string; 7 | artist: string; 8 | rank: number; 9 | weeks_on_chart: number; 10 | last_week_rank: number | null; 11 | peak_rank: number; 12 | youtube_id: string; 13 | image: string; 14 | } 15 | -------------------------------------------------------------------------------- /web/src/constants/values.ts: -------------------------------------------------------------------------------- 1 | export const PLAYSTORE_URL = 2 | 'https://play.google.com/store/apps/details?id=com.koreanthinker.billboard'; 3 | export const APPSTORE_URL = 'https://apps.apple.com/app/id1616465259'; 4 | export const GITHUB_URL = 'https://github.com/krtk-dev/billboard-player'; 5 | export const DATA_URL = 6 | 'https://raw.githubusercontent.com/krtk-dev/billboard-player/main/data/recent.json'; 7 | -------------------------------------------------------------------------------- /web/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | width: 100vw; 4 | height: 100vh; 5 | } 6 | 7 | div { 8 | display: flex; 9 | flex-direction: column; 10 | } 11 | 12 | a { 13 | text-decoration: none; 14 | } 15 | 16 | * { 17 | box-sizing: border-box; 18 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 19 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 20 | sans-serif; 21 | -webkit-font-smoothing: antialiased; 22 | color: #fff; 23 | } 24 | -------------------------------------------------------------------------------- /web/src/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import { BrowserRouter } from 'react-router-dom'; 5 | import App from './App'; 6 | import reportWebVitals from './reportWebVitals'; 7 | 8 | ReactDOM.render( 9 | 10 | 11 | 12 | 13 | , 14 | document.getElementById('root'), 15 | ); 16 | 17 | reportWebVitals(); 18 | -------------------------------------------------------------------------------- /web/src/navigations/RootNavigation.tsx: -------------------------------------------------------------------------------- 1 | import { Route, Routes } from 'react-router-dom'; 2 | import Home from '../pages/Home'; 3 | 4 | const RootNavigation = () => { 5 | return ( 6 | 7 | } /> 8 | {/* } /> */} 9 | 10 | ); 11 | }; 12 | 13 | export default RootNavigation; 14 | -------------------------------------------------------------------------------- /web/src/pages/Home/HomeHeader.tsx: -------------------------------------------------------------------------------- 1 | import styled from '@emotion/styled'; 2 | import { mdiApple, mdiGithub, mdiGooglePlay } from '@mdi/js'; 3 | import Icon from '@mdi/react'; 4 | import { BREAK_POINT, COLORS } from '../../constants/styles'; 5 | import { 6 | APPSTORE_URL, 7 | GITHUB_URL, 8 | PLAYSTORE_URL, 9 | } from '../../constants/values'; 10 | 11 | const Container = styled.div` 12 | width: 100%; 13 | height: 80px; 14 | box-shadow: 0px 9px 8px #000000; 15 | flex-direction: row; 16 | align-items: center; 17 | justify-content: space-between; 18 | padding: 0px 24px; 19 | z-index: 99; 20 | @media screen and (max-width: ${BREAK_POINT}) { 21 | padding: 0px 16px; 22 | box-shadow: none; 23 | height: 56px; 24 | } 25 | `; 26 | 27 | const Title = styled.div` 28 | font-size: 20px; 29 | font-weight: bold; 30 | cursor: pointer; 31 | @media screen and (max-width: ${BREAK_POINT}) { 32 | font-size: 18px; 33 | } 34 | `; 35 | 36 | const IconContainer = styled.div` 37 | flex-direction: row; 38 | align-items: center; 39 | `; 40 | 41 | const HomeHeader = () => { 42 | return ( 43 | 44 | Billboard Player 45 | 46 | 47 | 48 | 49 | 50 | 56 | 57 | 58 | 64 | 65 | 66 | 67 | ); 68 | }; 69 | 70 | export default HomeHeader; 71 | -------------------------------------------------------------------------------- /web/src/pages/Home/HomeItem.tsx: -------------------------------------------------------------------------------- 1 | import styled from '@emotion/styled'; 2 | import { mdiChevronDoubleDown, mdiChevronDoubleUp } from '@mdi/js'; 3 | import Icon from '@mdi/react'; 4 | import React from 'react'; 5 | import { COLORS } from '../../constants/styles'; 6 | import { Data } from '../../constants/types'; 7 | 8 | interface HomeScreenItemProps { 9 | data: Data; 10 | isFocused: boolean; 11 | onPress: () => void; 12 | } 13 | 14 | const Container = styled.div` 15 | width: 100%; 16 | height: 80px; 17 | flex-direction: row; 18 | align-items: center; 19 | cursor: pointer; 20 | `; 21 | 22 | const RankConatiner = styled.div` 23 | width: 80px; 24 | align-items: center; 25 | justify-content: center; 26 | `; 27 | 28 | const Rank = styled.div` 29 | font-size: 18px; 30 | font-weight: bold; 31 | `; 32 | 33 | const RankDeltaContainer = styled.div` 34 | flex-direction: row; 35 | align-items: center; 36 | margin-top: 2px; 37 | `; 38 | 39 | const RankDelta = styled.div` 40 | font-size: 10px; 41 | margin-left: 2px; 42 | `; 43 | 44 | const RankDeltaNew = styled.div` 45 | font-size: 10px; 46 | color: ${COLORS.yellow}; 47 | font-weight: bold; 48 | `; 49 | 50 | const RankDeltaSameAsLastWeek = styled.div` 51 | font-size: 10px; 52 | color: ${COLORS.light_gray}; 53 | font-weight: bold; 54 | `; 55 | 56 | const NameContainer = styled.div` 57 | flex: 1; 58 | padding-left: 8px; 59 | padding-right: 16px; 60 | min-width: 100px; 61 | `; 62 | 63 | const Name = styled.div` 64 | font-size: 18px; 65 | font-weight: bold; 66 | text-overflow: ellipsis; 67 | white-space: nowrap; 68 | overflow: hidden; 69 | `; 70 | 71 | const Artist = styled.div` 72 | font-size: 12px; 73 | margin-top: 8px; 74 | text-overflow: ellipsis; 75 | white-space: nowrap; 76 | overflow: hidden; 77 | `; 78 | 79 | const Img = styled.img` 80 | width: 80px; 81 | height: 80px; 82 | `; 83 | 84 | const HomeItem: React.FC = props => { 85 | const { data, isFocused, onPress } = props; 86 | const { artist, last_week_rank, name, rank, image } = data; 87 | const isNew = !last_week_rank; 88 | const rankDelta = last_week_rank ? last_week_rank - rank : 0; 89 | const isUp = rankDelta > 0; 90 | return ( 91 | 95 | 96 | {rank} 97 | 98 | {isNew ? ( 99 | NEW 100 | ) : !rankDelta ? ( 101 | - 102 | ) : ( 103 | <> 104 | 109 | 110 | {Math.abs(rankDelta)} 111 | 112 | 113 | )} 114 | 115 | 116 | 117 | {name} 118 | {artist} 119 | 120 | 121 | 122 | ); 123 | }; 124 | 125 | export default HomeItem; 126 | -------------------------------------------------------------------------------- /web/src/pages/Home/index.tsx: -------------------------------------------------------------------------------- 1 | import styled from '@emotion/styled'; 2 | import { useEffect, useState } from 'react'; 3 | import Youtube from 'react-youtube'; 4 | import { BREAK_POINT, COLORS } from '../../constants/styles'; 5 | import { Data } from '../../constants/types'; 6 | import { DATA_URL } from '../../constants/values'; 7 | import HomeHeader from './HomeHeader'; 8 | import HomeItem from './HomeItem'; 9 | 10 | const Container = styled.div` 11 | background-color: ${COLORS.dark_gray}; 12 | width: 100vw; 13 | height: 100vh; 14 | `; 15 | 16 | const ContentContainer = styled.div` 17 | flex: 1; 18 | flex-direction: row; 19 | @media screen and (max-width: ${BREAK_POINT}) { 20 | flex-direction: column; 21 | height: calc(100vh - 80px); 22 | } 23 | `; 24 | 25 | const YoutubeContainer = styled.div` 26 | flex: 1; 27 | position: relative; 28 | @media screen and (max-width: ${BREAK_POINT}) { 29 | flex: none; 30 | width: 100vw; 31 | height: calc(100vw / 16 * 9); 32 | } 33 | 34 | & iframe { 35 | width: 100%; 36 | height: 100%; 37 | position: absolute; 38 | top: 0; 39 | left: 0; 40 | } 41 | `; 42 | 43 | const ItemContainer = styled.div` 44 | flex: 1; 45 | height: calc(100vh - 80px); 46 | overflow-y: scroll; 47 | &::-webkit-scrollbar { 48 | display: none; 49 | } 50 | @media screen and (max-width: ${BREAK_POINT}) { 51 | height: auto; 52 | } 53 | `; 54 | 55 | const Home = () => { 56 | const [data, setData] = useState([]); 57 | const [index, setIndex] = useState(0); 58 | 59 | useEffect(() => { 60 | // fetch billboard hot 100 data 61 | fetch(DATA_URL) 62 | .then(r => r.json()) 63 | .then(v => setData(v.data)); 64 | }, []); 65 | 66 | return ( 67 | 68 | 69 | {data.length && ( 70 | 71 | 72 | setIndex(idx => (idx + 1) % data.length)} 76 | /> 77 | 78 | 79 | {data.map((item, _index) => ( 80 | setIndex(_index)} 85 | /> 86 | ))} 87 | 88 | 89 | )} 90 | 91 | ); 92 | }; 93 | 94 | export default Home; 95 | -------------------------------------------------------------------------------- /web/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /web/src/reportWebVitals.ts: -------------------------------------------------------------------------------- 1 | import { ReportHandler } from 'web-vitals'; 2 | 3 | const reportWebVitals = (onPerfEntry?: ReportHandler) => { 4 | if (onPerfEntry && onPerfEntry instanceof Function) { 5 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 6 | getCLS(onPerfEntry); 7 | getFID(onPerfEntry); 8 | getFCP(onPerfEntry); 9 | getLCP(onPerfEntry); 10 | getTTFB(onPerfEntry); 11 | }); 12 | } 13 | }; 14 | 15 | export default reportWebVitals; 16 | -------------------------------------------------------------------------------- /web/src/setupTests.ts: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /web/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": [ 5 | "dom", 6 | "dom.iterable", 7 | "esnext" 8 | ], 9 | "allowJs": true, 10 | "skipLibCheck": true, 11 | "esModuleInterop": true, 12 | "allowSyntheticDefaultImports": true, 13 | "strict": true, 14 | "forceConsistentCasingInFileNames": true, 15 | "noFallthroughCasesInSwitch": true, 16 | "module": "esnext", 17 | "moduleResolution": "node", 18 | "resolveJsonModule": true, 19 | "isolatedModules": true, 20 | "noEmit": true, 21 | "jsx": "react-jsx" 22 | }, 23 | "include": [ 24 | "src" 25 | ] 26 | } --------------------------------------------------------------------------------