Skip to content
Snippets Groups Projects
Commit 1bb6bcf3 authored by Seung Hun Han's avatar Seung Hun Han
Browse files

Update

parent 2e0dd521
Branches
No related tags found
No related merge requests found
Pipeline #7941 passed
{
"presets": [
"@babel/preset-env",
"@babel/preset-react"
]
}
\ No newline at end of file
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# production
/build
package-lock.json
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*
......@@ -9,3 +9,5 @@ pages:
- public
only:
- master
tags:
- pages
![Build Status](https://gitlab.com/pages/plain-html/badges/master/build.svg)
# muiStarterKit
---
Example plain HTML site using GitLab Pages.
Learn more about GitLab Pages at https://pages.gitlab.io and the official
documentation https://docs.gitlab.com/ce/user/project/pages/.
---
<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
- [GitLab CI](#gitlab-ci)
- [GitLab User or Group Pages](#gitlab-user-or-group-pages)
- [Did you fork this project?](#did-you-fork-this-project)
- [Troubleshooting](#troubleshooting)
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
## GitLab CI
This project's static Pages are built by [GitLab CI][ci], following the steps
defined in [`.gitlab-ci.yml`](.gitlab-ci.yml):
```
image: alpine:latest
pages:
stage: deploy
script:
- echo 'Nothing to do...'
artifacts:
paths:
- public
only:
- master
```
The above example expects to put all your HTML files in the `public/` directory.
## GitLab User or Group Pages
To use this project as your user/group website, you will need one additional
step: just rename your project to `namespace.gitlab.io`, where `namespace` is
your `username` or `groupname`. This can be done by navigating to your
project's **Settings**.
Read more about [user/group Pages][userpages] and [project Pages][projpages].
## Did you fork this project?
If you forked this project for your own use, please go to your project's
**Settings** and remove the forking relationship, which won't be necessary
unless you want to contribute back to the upstream project.
## Troubleshooting
1. CSS is missing! That means that you have wrongly set up the CSS URL in your
HTML files. Have a look at the [index.html] for an example.
[ci]: https://about.gitlab.com/gitlab-ci/
[index.html]: https://gitlab.com/pages/plain-html/blob/master/public/index.html
[userpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#user-or-group-pages
[projpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#project-pages
{
"name": "muibasic_starterkit",
"version": "1.0.0",
"description": "Boiler plate for MaterialUI Development",
"main": "webpack.config.js",
"dependencies": {
"@emotion/react": "^11.9.3",
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.13.7",
"@mui/material": "^5.8.6"
},
"devDependencies": {
"@babel/cli": "^7.18.6",
"@babel/core": "^7.18.6",
"@babel/plugin-proposal-class-properties": "^7.18.6",
"@babel/preset-env": "^7.18.6",
"@babel/preset-react": "^7.18.6",
"babel-loader": "^8.2.5",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"webpack": "^5.73.0",
"webpack-cli": "^4.10.0",
"webpack-dev-server": "^4.13.2"
},
"scripts": {
"start": "webpack-dev-server --open --mode development --port 3000",
"build": "webpack --mode development",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"Material",
"UI",
"ReactJS"
],
"author": "SeungHun Han",
"license": "MIT"
}
Source diff could not be displayed: it is too large. Options to address this: view the blob.
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="GitLab Pages">
<title>Plain HTML site using GitLab Pages</title>
<link rel="stylesheet" href="style.css">
<title> muiBasic </title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
</head>
<body>
<div class="navbar">
<a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
<a href="https://gitlab.com/pages/plain-html/">Repository</a>
<a href="https://gitlab.com/pages/">Other Examples</a>
</div>
<h1>Hello World!</h1>
<p>
This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
</p>
<div id="app"></div>
<script src="./app.bundle.js" type="text/javascript"></script>
</body>
</html>
body {
font-family: sans-serif;
margin: auto;
max-width: 1280px;
}
.navbar {
background-color: #313236;
border-radius: 2px;
max-width: 800px;
}
.navbar a {
color: #aaa;
display: inline-block;
font-size: 15px;
padding: 10px;
text-decoration: none;
}
.navbar a:hover {
color: #ffffff;
}
import React from 'react';
import {Box, Tabs, Tab, Typography, AppBar, CssBaseline} from '@mui/material';
import SearchPage from './addSearch'
import MyFavorites from './Favorites'
export default function App () {
const [activeTab, setActiveTab] = React.useState(0);
const [searchResults, setSearchResults] = React.useState([]);
const [likedItems, setLikedItems] = React.useState({});
const [favoriteItems, setFavoriteItems] = React.useState([]);
const toggleLike = (id, item) => {
setLikedItems({...likedItems, [id] : !likedItems[id]});
if (likedItems[id]) {
setFavoriteItems(prevFavorites => prevFavorites.filter(fav => fav.collectionId !== id));
} else {
setFavoriteItems(prevFavorites => [...prevFavorites, item]);
}
};
const handleTabSwitch = (event, newValue) => {
setActiveTab(newValue);
}
return (
<React.Fragment>
<AppBar position="fixed">
<Typography align="center" variant="h3" color="inherit">
SeungHun's Favorite Music
</Typography>
</AppBar>
<div style={{height: 60, width: '100%'}}></div>
<Box sx={{ borderBottom: 1, borderColor: 'divider'}}>
<Tabs value={activeTab} onChange={handleTabSwitch} aria-label="basic tabs" centered >
<Tab label ="Search Music" value={0} />
<Tab label ="My Favorites" value={1} />
<Tab label ="More Contents" value={2} />
</Tabs>
</Box>
{ activeTab === 0 && <SearchPage list={searchResults} onSearch={setSearchResults} onLike={toggleLike} likes={likedItems}/> }
{ activeTab === 1 && <MyFavorites list={favoriteItems} onLike={toggleLike} likes={likedItems}/> }
{ activeTab == 2 && <Typography align="center" variant="h2"> Item Three</Typography>}
</React.Fragment>
)
}
import React from 'react';
import {Button, TextField} from '@mui/material'
import MusicList from './MusicList';
export default function MyFavorites({list, likes, onLike}) {
return (
<React.Fragment>
<MusicList list={list} likes={likes} onLike={onLike} />
</React.Fragment>
)
}
import React from "react";
import {Card, CardContent, CardActions, Typography, IconButton} from '@mui/material';
import {Favorite, FavoriteBorder} from '@mui/icons-material';
import SnackMsg from './snackBar';
const styles = {
content : {},
layout : {
display: 'flex',
justifyContent : 'center'
},
card: {
minWidth: 275,
maxWidth: 600,
marginBottom: "20pt",
marginLeft: 'auto',
marginRight: 'auto',
}
}
export default function MusicList({list, onLike, likes}) {
let [snackState, setSnackState] = React.useState({open : false, msg : ''})
const handleSnackbarClose = (event, reason) => {
if (reason === 'clickaway') {
return;
}
setSnackState({open : false, msg : ''});
}
const toggleFavoriteStatus = (id, name, item) => () => {
onLike(id, item)
setSnackState({...snackState, open : true, msg : `${id} is clicked` })
}
return (
<div>
{list.map(item => {
return (
<Card sx={styles.card} key={item.collectionId}>
<CardContent>
<Typography variant="subtitle1"> {item.artistName}</Typography>
<Typography variant="subtitle2"> {item.collectionCensoredName}</Typography>
</CardContent>
<CardActions>
<IconButton onClick={toggleFavoriteStatus(item.collectionId, item.collectionCensoredName, item)}>
{(likes[item.collectionId] === true) ?
<Favorite /> : <FavoriteBorder /> }
</IconButton>
<SnackMsg open = {snackState.open} message={snackState.msg} onClose={handleSnackbarClose}/>
</CardActions>
</Card>)
})}
</div>
);
}
\ No newline at end of file
import React from 'react';
import {Button, TextField} from '@mui/material'
import MusicList from './MusicList';
export default function SearchPage({list, onSearch, likes, onLike}) {
const [searchWord, setSearchWord] = React.useState('');
const handleSearch = (event) => {
event.preventDefault();
console.log(searchWord);
setSearchWord('');
fetch(`http://itunes.apple.com/search?term=${searchWord}&entity=album`)
.then(r => r.json()).then(r => {
console.log(r);
onSearch(r.results);
setSearchWord('');
}).catch(e => console.log('error when search musician'));
}
const handleSearchTextChange = (event) => {
setSearchWord(event.target.value);
}
return (
<React.Fragment>
<form style={{display: 'flex', marginTop:20, marginBottom:15}}>
<div style={{display : 'flex', marginLeft : 'auto', marginRight : 'auto'}}>
<TextField variant = "outlined" label="Music Album Search" type="search" style={{width:450}} onChange={handleSearchTextChange} value={searchWord}>
</TextField>
<Button variant = "contained" color="primary" type="submit" onClick={handleSearch} style={{marginLeft : 20}}>
Search
</Button>
</div>
</form>
<MusicList list = { list } likes = { likes } onLike = { onLike }>
</MusicList>
</React.Fragment>
)
}
\ No newline at end of file
// In browser https://itunes.apple.com/search?term="blackpink"&entity=album
export const music_list = {
"resultCount":50,
"results": [
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1263315668, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"BLACKPINK - EP", "collectionCensoredName":"BLACKPINK - EP", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-ep/1263315668?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music118/v4/27/a8/2d/27a82df6-aad9-a7ca-4001-ed03f9223c56/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music118/v4/27/a8/2d/27a82df6-aad9-a7ca-4001-ed03f9223c56/source/100x100bb.jpg", "collectionPrice":7.74, "collectionExplicitness":"notExplicit", "trackCount":6, "copyright":"℗ 2017 AVEX ENTERTAINMENT INC.", "country":"USA", "currency":"USD", "releaseDate":"2017-08-29T07:00:00Z", "primaryGenreName":"J-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1441511506, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"BLACKPINK IN YOUR AREA", "collectionCensoredName":"BLACKPINK IN YOUR AREA", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-in-your-area/1441511506?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music115/v4/1f/fe/d0/1ffed01b-7510-1b15-fa1e-da620bc749b9/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music115/v4/1f/fe/d0/1ffed01b-7510-1b15-fa1e-da620bc749b9/source/100x100bb.jpg", "collectionPrice":11.61, "collectionExplicitness":"notExplicit", "trackCount":9, "copyright":"℗ 2018 AVEX ENTERTAINMENT INC.", "country":"USA", "currency":"USD", "releaseDate":"2018-12-05T08:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1455720702, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"BLACKPINK ARENA TOUR 2018 \"SPECIAL FINAL IN KYOCERA DOME OSAKA\"", "collectionCensoredName":"BLACKPINK ARENA TOUR 2018 \"SPECIAL FINAL IN KYOCERA DOME OSAKA\"", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-arena-tour-2018-special-final-in-kyocera/1455720702?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music124/v4/d2/98/1a/d2981a24-1f59-68f6-80e9-6a882025489d/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music124/v4/d2/98/1a/d2981a24-1f59-68f6-80e9-6a882025489d/source/100x100bb.jpg", "collectionPrice":12.99, "collectionExplicitness":"notExplicit", "trackCount":15, "copyright":"℗ 2019 AVEX ENTERTAINMENT INC.", "country":"USA", "currency":"USD", "releaseDate":"2019-03-13T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1533894050, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"THE ALBUM", "collectionCensoredName":"THE ALBUM", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/the-album/1533894050?uo=4", "artworkUrl60":"https://is2-ssl.mzstatic.com/image/thumb/Music115/v4/1c/40/08/1c400860-ebac-750e-d769-70452c613641/source/60x60bb.jpg", "artworkUrl100":"https://is2-ssl.mzstatic.com/image/thumb/Music115/v4/1c/40/08/1c400860-ebac-750e-d769-70452c613641/source/100x100bb.jpg", "collectionPrice":7.99, "collectionExplicitness":"notExplicit", "trackCount":8, "copyright":"℗ 2020 YG Entertainment, distributed through Interscope Records", "country":"USA", "currency":"USD", "releaseDate":"2020-10-02T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1570169082, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"BLACKPINK 2021 'THE SHOW' LIVE", "collectionCensoredName":"BLACKPINK 2021 'THE SHOW' LIVE", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-2021-the-show-live/1570169082?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music125/v4/b6/48/3c/b6483cb5-3b12-8fe4-51fc-29e4c9f41c81/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music125/v4/b6/48/3c/b6483cb5-3b12-8fe4-51fc-29e4c9f41c81/source/100x100bb.jpg", "collectionPrice":11.99, "collectionExplicitness":"notExplicit", "trackCount":15, "copyright":"℗ 2021 YG Entertainment, distributed through Interscope Records", "country":"USA", "currency":"USD", "releaseDate":"2021-06-01T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1313151079, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"SQUARE TWO - EP", "collectionCensoredName":"SQUARE TWO - EP", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/square-two-ep/1313151079?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music125/v4/db/ea/fc/dbeafc60-c44d-115a-bac8-b1ed6b88768b/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music125/v4/db/ea/fc/dbeafc60-c44d-115a-bac8-b1ed6b88768b/source/100x100bb.jpg", "collectionPrice":3.99, "collectionExplicitness":"notExplicit", "trackCount":5, "copyright":"℗ 2016 YG Entertainment", "country":"USA", "currency":"USD", "releaseDate":"2016-11-01T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1551479990, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"SQUARE UP - EP", "collectionCensoredName":"SQUARE UP - EP", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/square-up-ep/1551479990?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music124/v4/71/ac/31/71ac31ed-61b6-e120-f504-f4c707a27a91/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music124/v4/71/ac/31/71ac31ed-61b6-e120-f504-f4c707a27a91/source/100x100bb.jpg", "collectionPrice":3.99, "collectionExplicitness":"notExplicit", "trackCount":4, "copyright":"℗ 2018 YG Entertainment, distributed through Interscope Records", "country":"USA", "currency":"USD", "releaseDate":"2018-06-15T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1512384089, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"BLACKPINK 2019-2020 WORLD TOUR IN YOUR AREA - TOKYO DOME (Live)", "collectionCensoredName":"BLACKPINK 2019-2020 WORLD TOUR IN YOUR AREA - TOKYO DOME (Live)", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-2019-2020-world-tour-in-your-area-tokyo-dome-live/1512384089?uo=4", "artworkUrl60":"https://is2-ssl.mzstatic.com/image/thumb/Music124/v4/59/12/c8/5912c802-307a-0dd8-5fc1-4deb64e36d1e/source/60x60bb.jpg", "artworkUrl100":"https://is2-ssl.mzstatic.com/image/thumb/Music124/v4/59/12/c8/5912c802-307a-0dd8-5fc1-4deb64e36d1e/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":12, "copyright":"An Interscope Records release; ℗ 2020 UNIVERSAL MUSIC LLC", "country":"USA", "currency":"USD", "releaseDate":"2020-05-14T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":921425189, "collectionId":1573682660, "amgArtistId":3361376, "artistName":"Ted Park & Mike Gao", "collectionName":"Blackpink - Single", "collectionCensoredName":"Blackpink - Single", "artistViewUrl":"https://music.apple.com/us/artist/ted-park/921425189?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-single/1573682660?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music125/v4/78/f2/4b/78f24b7c-ba68-8f36-1dd3-6c21ecee28ad/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music125/v4/78/f2/4b/78f24b7c-ba68-8f36-1dd3-6c21ecee28ad/source/100x100bb.jpg", "collectionPrice":0.99, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2021 Ted Park", "country":"USA", "currency":"USD", "releaseDate":"2021-07-09T07:00:00Z", "primaryGenreName":"Hip-Hop/Rap"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1477390055, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"BLACKPINK 2018 TOUR 'IN YOUR AREA' SEOUL (Live)", "collectionCensoredName":"BLACKPINK 2018 TOUR 'IN YOUR AREA' SEOUL (Live)", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-2018-tour-in-your-area-seoul-live/1477390055?uo=4", "artworkUrl60":"https://is2-ssl.mzstatic.com/image/thumb/Music123/v4/88/d6/14/88d61441-7b38-5a53-d6df-904714e6f4a2/source/60x60bb.jpg", "artworkUrl100":"https://is2-ssl.mzstatic.com/image/thumb/Music123/v4/88/d6/14/88d61441-7b38-5a53-d6df-904714e6f4a2/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":14, "copyright":"℗ 2019 YG Entertainment, distributed through Interscope Records", "country":"USA", "currency":"USD", "releaseDate":"2019-08-30T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1359000280, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"Re: BLACKPINK - EP", "collectionCensoredName":"Re: BLACKPINK - EP", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/re-blackpink-ep/1359000280?uo=4", "artworkUrl60":"https://is2-ssl.mzstatic.com/image/thumb/Music125/v4/b8/29/4e/b8294ecc-aaaa-aa94-c6fc-ec7f434856d6/source/60x60bb.jpg", "artworkUrl100":"https://is2-ssl.mzstatic.com/image/thumb/Music125/v4/b8/29/4e/b8294ecc-aaaa-aa94-c6fc-ec7f434856d6/source/100x100bb.jpg", "collectionPrice":7.74, "collectionExplicitness":"notExplicit", "trackCount":6, "copyright":"℗ 2018 AVEX ENTERTAINMENT INC.", "country":"USA", "currency":"USD", "releaseDate":"2018-03-28T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1551479989, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"KILL THIS LOVE - EP", "collectionCensoredName":"KILL THIS LOVE - EP", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/kill-this-love-ep/1551479989?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music124/v4/a0/30/89/a03089c6-73d6-e758-69e0-6d821d4bc06e/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music124/v4/a0/30/89/a03089c6-73d6-e758-69e0-6d821d4bc06e/source/100x100bb.jpg", "collectionPrice":4.99, "collectionExplicitness":"notExplicit", "trackCount":5, "copyright":"℗ 2019 YG Entertainment, distributed through Interscope Records", "country":"USA", "currency":"USD", "releaseDate":"2019-04-05T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1315917456, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"SQUARE ONE - Single", "collectionCensoredName":"SQUARE ONE - Single", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/square-one-single/1315917456?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music115/v4/b9/7b/1c/b97b1c40-b8a0-3de8-f3f9-92e33c92d555/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music115/v4/b9/7b/1c/b97b1c40-b8a0-3de8-f3f9-92e33c92d555/source/100x100bb.jpg", "collectionPrice":1.99, "collectionExplicitness":"notExplicit", "trackCount":2, "copyright":"℗ 2016 YG Entertainment", "country":"USA", "currency":"USD", "releaseDate":"2016-08-08T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1251249729, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"As If It's Your Last - Single", "collectionCensoredName":"As If It's Your Last - Single", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/as-if-its-your-last-single/1251249729?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music124/v4/d5/d2/a9/d5d2a927-309d-e104-11aa-51c7c54f613c/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music124/v4/d5/d2/a9/d5d2a927-309d-e104-11aa-51c7c54f613c/source/100x100bb.jpg", "collectionPrice":1.29, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2017 YG Entertainment", "country":"USA", "currency":"USD", "releaseDate":"2017-06-22T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":913944, "collectionId":1441819348, "artistName":"JENNIE (from BLACKPINK)", "collectionName":"SOLO - Single", "collectionCensoredName":"SOLO - Single", "artistViewUrl":"https://music.apple.com/us/artist/jennie/913944?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/solo-single/1441819348?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music118/v4/78/18/60/7818608f-3e65-c3cd-f54a-5742dc3f3cf7/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music118/v4/78/18/60/7818608f-3e65-c3cd-f54a-5742dc3f3cf7/source/100x100bb.jpg", "collectionPrice":1.29, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2018 YG Entertainment, distributed through Interscope Records", "country":"USA", "currency":"USD", "releaseDate":"2018-11-12T08:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":491599229, "collectionId":730855247, "amgArtistId":1088191, "artistName":"livetune", "collectionName":"Pink or Black (feat. Hatsune Miku) - Single", "collectionCensoredName":"Pink or Black (feat. Hatsune Miku) - Single", "artistViewUrl":"https://music.apple.com/us/artist/livetune/491599229?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/pink-or-black-feat-hatsune-miku-single/730855247?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music4/v4/25/4a/1a/254a1a01-31f9-c971-11a6-d9d00e7a45f9/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music4/v4/25/4a/1a/254a1a01-31f9-c971-11a6-d9d00e7a45f9/source/100x100bb.jpg", "collectionPrice":1.29, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2013 TOY'S FACTORY", "country":"USA", "currency":"USD", "releaseDate":"2013-11-06T08:00:00Z", "primaryGenreName":"Electronic"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1406242696, "collectionId":1557744841, "artistName":"ROSÉ", "collectionName":"R - Single", "collectionCensoredName":"R - Single", "artistViewUrl":"https://music.apple.com/us/artist/ros%C3%A9/1406242696?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/r-single/1557744841?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music125/v4/b0/35/a4/b035a4c4-50b3-3fe9-6206-48f9a57428e3/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music125/v4/b0/35/a4/b035a4c4-50b3-3fe9-6206-48f9a57428e3/source/100x100bb.jpg", "collectionPrice":1.99, "collectionExplicitness":"notExplicit", "trackCount":2, "copyright":"℗ 2021 YG Entertainment, distributed through Interscope Records", "country":"USA", "currency":"USD", "releaseDate":"2021-03-12T08:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":929709668, "collectionId":929709656, "artistName":"Montessori Dads", "collectionName":"Black & White & Pink", "collectionCensoredName":"Black & White & Pink", "artistViewUrl":"https://music.apple.com/us/artist/montessori-dads/929709668?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/black-white-pink/929709656?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music3/v4/5a/58/63/5a5863dc-6a07-2e90-3426-4ebd6e9fd357/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music3/v4/5a/58/63/5a5863dc-6a07-2e90-3426-4ebd6e9fd357/source/100x100bb.jpg", "collectionPrice":8.99, "collectionExplicitness":"notExplicit", "trackCount":10, "copyright":"℗ 2015 Paine Group, LLC", "country":"USA", "currency":"USD", "releaseDate":"2015-02-10T08:00:00Z", "primaryGenreName":"Rock"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1449813048, "collectionId":1528439853, "artistName":"DooPiano", "collectionName":"The Best of BLACKPINK (Piano Album)", "collectionCensoredName":"The Best of BLACKPINK (Piano Album)", "artistViewUrl":"https://music.apple.com/us/artist/doopiano/1449813048?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/the-best-of-blackpink-piano-album/1528439853?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music115/v4/62/85/68/628568a0-7679-dad4-4b2f-ee28385fd043/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music115/v4/62/85/68/628568a0-7679-dad4-4b2f-ee28385fd043/source/100x100bb.jpg", "collectionPrice":9.90, "collectionExplicitness":"notExplicit", "trackCount":10, "copyright":"℗ 2020 DooPiano", "country":"USA", "currency":"USD", "releaseDate":"2020-08-19T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":459030916, "collectionId":1050941389, "artistName":"Chinatsu Yoshikawa", "collectionName":"ゆるゆり うた♪ソロ!02「ぴんぶら☆ピン -Pink★Black☆Pink-」 - EP", "collectionCensoredName":"ゆるゆり うた♪ソロ!02「ぴんぶら☆ピン -Pink★Black☆Pink-」 - EP", "artistViewUrl":"https://music.apple.com/us/artist/chinatsu-yoshikawa/459030916?uo=4",
"collectionViewUrl":"https://music.apple.com/us/album/%E3%82%86%E3%82%8B%E3%82%86%E3%82%8A-%E3%81%86%E3%81%9F-%E3%82%BD%E3%83%AD-02-%E3%81%B4%E3%82%93%E3%81%B6%E3%82%89-%E3%83%94%E3%83%B3-pink-black-pink-ep/1050941389?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music6/v4/79/91/ea/7991eacf-134a-d59e-c6ae-7d34ad3a34c1/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music6/v4/79/91/ea/7991eacf-134a-d59e-c6ae-7d34ad3a34c1/source/100x100bb.jpg", "collectionPrice":5.16, "collectionExplicitness":"notExplicit", "trackCount":4, "copyright":"℗ 2015 Pony Canyon Inc.", "country":"USA", "currency":"USD", "releaseDate":"2015-11-04T08:00:00Z", "primaryGenreName":"Anime"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":951231115, "collectionId":1467003776, "amgArtistId":3473663, "artistName":"Piano Dreamers", "collectionName":"Piano Dreamers Play Blackpink (Instrumental)", "collectionCensoredName":"Piano Dreamers Play Blackpink (Instrumental)", "artistViewUrl":"https://music.apple.com/us/artist/piano-dreamers/951231115?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/piano-dreamers-play-blackpink-instrumental/1467003776?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music123/v4/51/ad/0b/51ad0b1f-f843-cf5f-f074-0e8605b7384a/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music123/v4/51/ad/0b/51ad0b1f-f843-cf5f-f074-0e8605b7384a/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":12, "copyright":"℗ 2019 CC Entertainment, Inc.", "country":"USA", "currency":"USD", "releaseDate":"2019-07-05T07:00:00Z", "primaryGenreName":"Instrumental"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1482719359, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"Kill This Love (Japan Version) - EP", "collectionCensoredName":"Kill This Love (Japan Version) - EP", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/kill-this-love-japan-version-ep/1482719359?uo=4", "artworkUrl60":"https://is2-ssl.mzstatic.com/image/thumb/Music124/v4/86/2f/45/862f455e-8b7a-c071-b922-100f93d1efc8/source/60x60bb.jpg", "artworkUrl100":"https://is2-ssl.mzstatic.com/image/thumb/Music124/v4/86/2f/45/862f455e-8b7a-c071-b922-100f93d1efc8/source/100x100bb.jpg", "collectionPrice":4.99, "collectionExplicitness":"notExplicit", "trackCount":5, "copyright":"An Interscope Records release; ℗ 2019 UNIVERSAL MUSIC LLC", "country":"USA", "currency":"USD", "releaseDate":"2019-10-16T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1482285399, "collectionId":1521352986, "artistName":"Shin Giwon Piano", "collectionName":"BLACKPINK Piano Collection", "collectionCensoredName":"BLACKPINK Piano Collection", "artistViewUrl":"https://music.apple.com/us/artist/shin-giwon-piano/1482285399?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-piano-collection/1521352986?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music123/v4/76/cc/6f/76cc6ffe-62ef-f225-0d5e-4f846c463f61/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music123/v4/76/cc/6f/76cc6ffe-62ef-f225-0d5e-4f846c463f61/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":17, "copyright":"℗ 2020 Shin Giwon", "country":"USA", "currency":"USD", "releaseDate":"2020-06-29T07:00:00Z", "primaryGenreName":"New Age"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":76107280, "collectionId":1416167580, "artistName":"A.B.Y.S.S.", "collectionName":"Black Suits & Pink Slips", "collectionCensoredName":"Black Suits & Pink Slips", "artistViewUrl":"https://music.apple.com/us/artist/a-b-y-s-s/76107280?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/black-suits-pink-slips/1416167580?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music118/v4/42/a8/2a/42a82ad9-21f1-7eae-113f-feffc24f901d/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music118/v4/42/a8/2a/42a82ad9-21f1-7eae-113f-feffc24f901d/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"explicit", "contentAdvisoryRating":"Explicit", "trackCount":13, "copyright":"℗ 2018 A.B.Y.S.S.", "country":"USA", "currency":"USD", "releaseDate":"2018-08-11T07:00:00Z", "primaryGenreName":"Hip-Hop/Rap"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1413680648, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"DDU-DU DDU-DU (JP Ver.) - Single", "collectionCensoredName":"DDU-DU DDU-DU (JP Ver.) - Single", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/ddu-du-ddu-du-jp-ver-single/1413680648?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music125/v4/ae/de/b9/aedeb9c8-7e83-b63d-f178-fdcfc52c3b7f/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music125/v4/ae/de/b9/aedeb9c8-7e83-b63d-f178-fdcfc52c3b7f/source/100x100bb.jpg", "collectionPrice":1.29, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2018 AVEX ENTERTAINMENT INC.", "country":"USA", "currency":"USD", "releaseDate":"2018-08-22T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1474802237, "collectionId":1571958799, "artistName":"Demaklenco, DJP Montedo & Maicol", "collectionName":"Blackpink - Single", "collectionCensoredName":"Blackpink - Single", "artistViewUrl":"https://music.apple.com/us/artist/demaklenco/1474802237?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-single/1571958799?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music115/v4/3d/04/ae/3d04aef6-a6f1-0850-ac64-e1f087f70ec2/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music115/v4/3d/04/ae/3d04aef6-a6f1-0850-ac64-e1f087f70ec2/source/100x100bb.jpg", "collectionPrice":1.98, "collectionExplicitness":"notExplicit", "trackCount":2, "copyright":"℗ 2021 Paolo Montedonico", "country":"USA", "currency":"USD", "releaseDate":"2021-06-19T07:00:00Z", "primaryGenreName":"Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1496808208, "collectionId":1496813775, "amgArtistId":3699652, "artistName":"UPTOWN BOYBAND", "collectionName":"BLACKPINK - Single", "collectionCensoredName":"BLACKPINK - Single", "artistViewUrl":"https://music.apple.com/us/artist/uptown-boyband/1496808208?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-single/1496813775?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music113/v4/b1/2f/f1/b12ff170-ba67-a3df-af6b-fb2ac0bda08d/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music113/v4/b1/2f/f1/b12ff170-ba67-a3df-af6b-fb2ac0bda08d/source/100x100bb.jpg", "collectionPrice":1.29, "collectionExplicitness":"explicit", "contentAdvisoryRating":"Explicit", "trackCount":1, "copyright":"℗ 2020 CLUB UBB", "country":"USA", "currency":"USD", "releaseDate":"2020-02-03T08:00:00Z", "primaryGenreName":"Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1065825050, "collectionId":1456873558, "artistName":"Royal Sadness", "collectionName":"Blackpink - Single", "collectionCensoredName":"Blackpink - Single", "artistViewUrl":"https://music.apple.com/us/artist/royal-sadness/1065825050?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-single/1456873558?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/01/42/77/01427753-9a2e-403a-782c-4b296a616a72/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/01/42/77/01427753-9a2e-403a-782c-4b296a616a72/source/100x100bb.jpg", "collectionPrice":0.99, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2019 Royal Sadness", "country":"USA", "currency":"USD", "releaseDate":"2019-03-19T07:00:00Z", "primaryGenreName":"Electronic"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":331122, "collectionId":1479103847, "artistName":"Various Artists", "collectionName":"Blackpink", "collectionCensoredName":"Blackpink", "collectionViewUrl":"https://music.apple.com/us/album/blackpink/1479103847?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music123/v4/35/68/83/3568834d-3efb-0a07-456b-064a39765161/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music123/v4/35/68/83/3568834d-3efb-0a07-456b-064a39765161/source/100x100bb.jpg", "collectionPrice":8.91, "collectionExplicitness":"explicit", "contentAdvisoryRating":"Explicit", "trackCount":9, "copyright":"℗ 2019 Udea Zenti", "country":"USA", "currency":"USD", "releaseDate":"2019-09-04T07:00:00Z", "primaryGenreName":"Hip-Hop/Rap"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1564279585, "collectionId":1531913742, "artistName":"WU", "collectionName":"Blackpink - Single", "collectionCensoredName":"Blackpink - Single", "artistViewUrl":"https://music.apple.com/us/artist/wu/1564279585?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-single/1531913742?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music124/v4/6c/41/c0/6c41c038-e2f6-1e35-4b9b-31dfa09e7f53/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music124/v4/6c/41/c0/6c41c038-e2f6-1e35-4b9b-31dfa09e7f53/source/100x100bb.jpg", "collectionPrice":0.99, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2020 Bariswu Production", "country":"USA", "currency":"USD", "releaseDate":"2020-09-11T07:00:00Z", "primaryGenreName":"Hip-Hop/Rap"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1141774019, "collectionId":1574291360, "amgArtistId":3243151, "artistName":"BLACKPINK", "collectionName":"Lovesick Girls (Japan Version) - Single", "collectionCensoredName":"Lovesick Girls (Japan Version) - Single", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1141774019?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/lovesick-girls-japan-version-single/1574291360?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music125/v4/47/b9/aa/47b9aa2c-5220-32d5-46bf-fce3fec8eaf0/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music125/v4/47/b9/aa/47b9aa2c-5220-32d5-46bf-fce3fec8eaf0/source/100x100bb.jpg", "collectionPrice":1.29, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"An Interscope Records release; ℗ 2021 UNIVERSAL MUSIC LLC", "country":"USA", "currency":"USD", "releaseDate":"2021-07-13T07:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1200899105, "collectionId":1497233316, "artistName":"Bashment YC & Kali Blanco", "collectionName":"Blackpink - Single", "collectionCensoredName":"Blackpink - Single", "artistViewUrl":"https://music.apple.com/us/artist/bashment-yc/1200899105?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-single/1497233316?uo=4", "artworkUrl60":"https://is2-ssl.mzstatic.com/image/thumb/Music123/v4/76/8f/d1/768fd1b6-08e8-f7a5-41d4-998f6db162ea/source/60x60bb.jpg", "artworkUrl100":"https://is2-ssl.mzstatic.com/image/thumb/Music123/v4/76/8f/d1/768fd1b6-08e8-f7a5-41d4-998f6db162ea/source/100x100bb.jpg", "collectionPrice":1.29, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2020 Electric Station Label", "country":"USA", "currency":"USD", "releaseDate":"2020-03-06T08:00:00Z", "primaryGenreName":"House"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1528237530, "collectionId":1530405192, "artistName":"Rolenbmusic", "collectionName":"Blackpink - Single", "collectionCensoredName":"Blackpink - Single", "artistViewUrl":"https://music.apple.com/us/artist/rolenbmusic/1528237530?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/blackpink-single/1530405192?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music114/v4/67/ff/43/67ff43e5-ca50-f2f1-4db2-a1622ecc7727/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music114/v4/67/ff/43/67ff43e5-ca50-f2f1-4db2-a1622ecc7727/source/100x100bb.jpg", "collectionPrice":0.99, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2020 RolenMusic", "country":"USA", "currency":"USD", "releaseDate":"2020-09-02T07:00:00Z", "primaryGenreName":"Hip-Hop/Rap"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":19810758, "collectionId":1037593355, "amgArtistId":2120823, "artistName":"Les Black's Amazing Pink Holes", "collectionName":"We're Glad We Are What We Are", "collectionCensoredName":"We're Glad We Are What We Are", "artistViewUrl":"https://music.apple.com/us/artist/les-blacks-amazing-pink-holes/19810758?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/were-glad-we-are-what-we-are/1037593355?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music69/v4/57/81/bf/5781bf3d-6af1-7aef-29d0-e076c08415bc/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music69/v4/57/81/bf/5781bf3d-6af1-7aef-29d0-e076c08415bc/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":25, "copyright":"℗ 2000 Smog Veil Records", "country":"USA", "currency":"USD", "releaseDate":"2000-11-03T08:00:00Z", "primaryGenreName":"Rock"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":211586470, "collectionId":211586462, "amgArtistId":943854, "artistName":"Little Mascara", "collectionName":"Hot Pink & Black", "collectionCensoredName":"Hot Pink & Black", "artistViewUrl":"https://music.apple.com/us/artist/little-mascara/211586470?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/hot-pink-black/211586462?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music/v4/cf/2d/57/cf2d575f-6bda-d63c-3a45-d1731efa228c/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music/v4/cf/2d/57/cf2d575f-6bda-d63c-3a45-d1731efa228c/source/100x100bb.jpg", "collectionPrice":9.90, "collectionExplicitness":"notExplicit", "trackCount":10, "copyright":"℗ 2006 Candy Darling Records", "country":"USA", "currency":"USD", "releaseDate":"2006-12-18T08:00:00Z", "primaryGenreName":"Rock"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1292250339, "collectionId":1436989049, "artistName":"Ferrini 41", "collectionName":"The Pink and Black Project", "collectionCensoredName":"The Pink and Black Project", "artistViewUrl":"https://music.apple.com/us/artist/ferrini-41/1292250339?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/the-pink-and-black-project/1436989049?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music128/v4/36/ea/0e/36ea0ec9-c398-bd3a-af1b-33b8e09b0db4/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music128/v4/36/ea/0e/36ea0ec9-c398-bd3a-af1b-33b8e09b0db4/source/100x100bb.jpg", "collectionPrice":6.21, "collectionExplicitness":"explicit", "contentAdvisoryRating":"Explicit", "trackCount":9, "copyright":"℗ 2018 41 Mob", "country":"USA", "currency":"USD", "releaseDate":"2018-09-20T07:00:00Z", "primaryGenreName":"Hip-Hop/Rap"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1521729674, "collectionId":1538532761, "artistName":"Pianella Piano", "collectionName":"Piano Tribute to Blackpink, Vol. 1", "collectionCensoredName":"Piano Tribute to Blackpink, Vol. 1", "artistViewUrl":"https://music.apple.com/us/artist/pianella-piano/1521729674?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/piano-tribute-to-blackpink-vol-1/1538532761?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music124/v4/28/50/ea/2850eaa2-5170-d0c4-a917-5b968af8549a/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music124/v4/28/50/ea/2850eaa2-5170-d0c4-a917-5b968af8549a/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":16, "copyright":"℗ 2020 Pianella Piano", "country":"USA", "currency":"USD", "releaseDate":"2020-11-03T08:00:00Z", "primaryGenreName":"K-Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":320714476, "collectionId":320714466, "amgArtistId":1164901, "artistName":"The Big Pink Black", "collectionName":"The Big Pink Black", "collectionCensoredName":"The Big Pink Black", "artistViewUrl":"https://music.apple.com/us/artist/the-big-pink-black/320714476?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/the-big-pink-black/320714466?uo=4", "artworkUrl60":"https://is4-ssl.mzstatic.com/image/thumb/Music/v4/40/5a/71/405a7176-6a6e-7905-a20a-551f35b0067c/source/60x60bb.jpg", "artworkUrl100":"https://is4-ssl.mzstatic.com/image/thumb/Music/v4/40/5a/71/405a7176-6a6e-7905-a20a-551f35b0067c/source/100x100bb.jpg", "collectionPrice":8.91, "collectionExplicitness":"notExplicit", "trackCount":9, "copyright":"℗ 2009 The Big Pink Black", "country":"USA", "currency":"USD", "releaseDate":"2009-06-15T07:00:00Z", "primaryGenreName":"Rock"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":19810758, "collectionId":1037558837, "amgArtistId":2120823, "artistName":"Les Black's Amazing Pink Holes", "collectionName":"Breakfast With the Holes", "collectionCensoredName":"Breakfast With the Holes", "artistViewUrl":"https://music.apple.com/us/artist/les-blacks-amazing-pink-holes/19810758?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/breakfast-with-the-holes/1037558837?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music5/v4/cb/5e/97/cb5e9702-776a-b6c4-5e83-d8f99915eae0/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music5/v4/cb/5e/97/cb5e9702-776a-b6c4-5e83-d8f99915eae0/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":18, "copyright":"℗ 2008 Smog Veil Records", "country":"USA", "currency":"USD", "releaseDate":"2008-07-31T07:00:00Z", "primaryGenreName":"Rock"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":368236250, "collectionId":1087165594, "amgArtistId":2092643, "artistName":"Tex Smith", "collectionName":"Pink and Black", "collectionCensoredName":"Pink and Black", "artistViewUrl":"https://music.apple.com/us/artist/tex-smith/368236250?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/pink-and-black/1087165594?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music69/v4/57/ee/e6/57eee68a-5500-e3d0-b0f6-f2920de9c322/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music69/v4/57/ee/e6/57eee68a-5500-e3d0-b0f6-f2920de9c322/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":13, "copyright":"℗ 2015 Tex Smith", "country":"USA", "currency":"USD", "releaseDate":"2015-12-11T08:00:00Z", "primaryGenreName":"Country"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1083661855, "collectionId":1484425793, "artistName":"AKAI SOLO & Pink Siifu", "collectionName":"Black Sand", "collectionCensoredName":"Black Sand", "artistViewUrl":"https://music.apple.com/us/artist/akai-solo/1083661855?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/black-sand/1484425793?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music114/v4/5c/f0/35/5cf03578-66a4-edb5-6a3d-9e2c7e51d707/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music114/v4/5c/f0/35/5cf03578-66a4-edb5-6a3d-9e2c7e51d707/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"explicit", "contentAdvisoryRating":"Explicit", "trackCount":15, "copyright":"℗ 2019 Field-Left", "country":"USA", "currency":"USD", "releaseDate":"2019-10-29T07:00:00Z", "primaryGenreName":"Hip-Hop/Rap"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1569909010, "collectionId":1569916263, "artistName":"RDQO BEATS", "collectionName":"Black Pink - Single", "collectionCensoredName":"Black Pink - Single", "artistViewUrl":"https://music.apple.com/us/artist/rdqo-beats/1569909010?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/black-pink-single/1569916263?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music125/v4/31/d0/86/31d086d0-35c2-3fef-5170-664f5d2249ff/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music125/v4/31/d0/86/31d086d0-35c2-3fef-5170-664f5d2249ff/source/100x100bb.jpg", "collectionPrice":0.99, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2021 3075302 Records DK", "country":"USA", "currency":"USD", "releaseDate":"2021-05-27T07:00:00Z", "primaryGenreName":"Hip-Hop/Rap"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1204917424, "collectionId":1358440377, "artistName":"BlackPink", "collectionName":"Peep Show - EP", "collectionCensoredName":"Peep Show - EP", "artistViewUrl":"https://music.apple.com/us/artist/blackpink/1204917424?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/peep-show-ep/1358440377?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music128/v4/d6/91/77/d691770d-270b-e2fa-ce34-ad318234e22f/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music128/v4/d6/91/77/d691770d-270b-e2fa-ce34-ad318234e22f/source/100x100bb.jpg", "collectionPrice":4.95, "collectionExplicitness":"explicit", "contentAdvisoryRating":"Explicit", "trackCount":5, "copyright":"℗ 2018 Black Pink", "country":"USA", "currency":"USD", "releaseDate":"2018-03-08T08:00:00Z", "primaryGenreName":"Alternative"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1445708481, "collectionId":1457441806, "artistName":"Gavin", "collectionName":"Pink and Black", "collectionCensoredName":"Pink and Black", "artistViewUrl":"https://music.apple.com/us/artist/gavin/1445708481?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/pink-and-black/1457441806?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/96/1c/68/961c688f-216c-af37-fd34-7700fe7ac808/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/96/1c/68/961c688f-216c-af37-fd34-7700fe7ac808/source/100x100bb.jpg", "collectionPrice":7.53, "collectionExplicitness":"notExplicit", "trackCount":7, "copyright":"℗ 2019 BOVEE's PRODUCE DEPT.", "country":"USA", "currency":"USD", "releaseDate":"2019-03-28T07:00:00Z", "primaryGenreName":"Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1413635617, "collectionId":1442944804, "artistName":"Latindian Style", "collectionName":"Black Pink - Single", "collectionCensoredName":"Black Pink - Single", "artistViewUrl":"https://music.apple.com/us/artist/latindian-style/1413635617?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/black-pink-single/1442944804?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music128/v4/5d/39/24/5d39240c-064e-feda-942d-dc3b46582d68/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music128/v4/5d/39/24/5d39240c-064e-feda-942d-dc3b46582d68/source/100x100bb.jpg", "collectionPrice":0.99, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2018 Hinjew Records", "country":"USA", "currency":"USD", "releaseDate":"2018-07-29T07:00:00Z", "primaryGenreName":"Techno"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1499787910, "collectionId":1553000005, "artistName":"firstclasslikealways", "collectionName":"Black Pink - Single", "collectionCensoredName":"Black Pink - Single", "artistViewUrl":"https://music.apple.com/us/artist/firstclasslikealways/1499787910?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/black-pink-single/1553000005?uo=4", "artworkUrl60":"https://is3-ssl.mzstatic.com/image/thumb/Music124/v4/2e/de/87/2ede8757-1d9d-f9ce-1cca-4e8c853d45e4/source/60x60bb.jpg", "artworkUrl100":"https://is3-ssl.mzstatic.com/image/thumb/Music124/v4/2e/de/87/2ede8757-1d9d-f9ce-1cca-4e8c853d45e4/source/100x100bb.jpg", "collectionPrice":0.99, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2021 1604518 Records DK", "country":"USA", "currency":"USD", "releaseDate":"2021-02-08T08:00:00Z", "primaryGenreName":"Pop"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1472450899, "collectionId":1472865026, "artistName":"Jesus the Snake", "collectionName":"Black Acid, Pink Rain", "collectionCensoredName":"Black Acid, Pink Rain", "artistViewUrl":"https://music.apple.com/us/artist/jesus-the-snake/1472450899?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/black-acid-pink-rain/1472865026?uo=4", "artworkUrl60":"https://is2-ssl.mzstatic.com/image/thumb/Music113/v4/f3/c4/99/f3c4996b-c0ae-90a2-0bcd-64a59784ca6f/source/60x60bb.jpg", "artworkUrl100":"https://is2-ssl.mzstatic.com/image/thumb/Music113/v4/f3/c4/99/f3c4996b-c0ae-90a2-0bcd-64a59784ca6f/source/100x100bb.jpg", "collectionPrice":9.99, "collectionExplicitness":"notExplicit", "trackCount":5, "copyright":"℗ 2019 1363643 Records DK", "country":"USA", "currency":"USD", "releaseDate":"2019-07-11T07:00:00Z", "primaryGenreName":"Alternative"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":1458647578, "collectionId":500609353, "artistName":"Black Earth", "collectionName":"Pink Champagne", "collectionCensoredName":"Pink Champagne", "artistViewUrl":"https://music.apple.com/us/artist/black-earth/1458647578?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/pink-champagne/500609353?uo=4", "artworkUrl60":"https://is1-ssl.mzstatic.com/image/thumb/Music/v4/f3/c7/66/f3c766b1-7ac7-8f1e-9d53-cdfbdcd565a4/source/60x60bb.jpg", "artworkUrl100":"https://is1-ssl.mzstatic.com/image/thumb/Music/v4/f3/c7/66/f3c766b1-7ac7-8f1e-9d53-cdfbdcd565a4/source/100x100bb.jpg", "collectionPrice":9.90, "collectionExplicitness":"explicit", "contentAdvisoryRating":"Explicit", "trackCount":10, "copyright":"℗ 2012 Purple Kush", "country":"USA", "currency":"USD", "releaseDate":"2012-01-03T08:00:00Z", "primaryGenreName":"Rock"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":964320885, "collectionId":964320884, "artistName":"Lindy Vision", "collectionName":"Pink + Black - EP", "collectionCensoredName":"Pink + Black - EP", "artistViewUrl":"https://music.apple.com/us/artist/lindy-vision/964320885?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/pink-black-ep/964320884?uo=4", "artworkUrl60":"https://is2-ssl.mzstatic.com/image/thumb/Music5/v4/6a/c5/5a/6ac55ade-2bd0-0f22-deae-ff468ca2419a/source/60x60bb.jpg", "artworkUrl100":"https://is2-ssl.mzstatic.com/image/thumb/Music5/v4/6a/c5/5a/6ac55ade-2bd0-0f22-deae-ff468ca2419a/source/100x100bb.jpg", "collectionPrice":4.95, "collectionExplicitness":"explicit", "contentAdvisoryRating":"Explicit", "trackCount":5, "copyright":"℗ 2014 Lindy Vision", "country":"USA", "currency":"USD", "releaseDate":"2014-07-18T07:00:00Z", "primaryGenreName":"Electronic"},
{"wrapperType":"collection", "collectionType":"Album", "artistId":47793786, "collectionId":1398956234, "amgArtistId":685284, "artistName":"The Pink Spiders", "collectionName":"Black Dagger - Single", "collectionCensoredName":"Black Dagger - Single", "artistViewUrl":"https://music.apple.com/us/artist/the-pink-spiders/47793786?uo=4", "collectionViewUrl":"https://music.apple.com/us/album/black-dagger-single/1398956234?uo=4", "artworkUrl60":"https://is5-ssl.mzstatic.com/image/thumb/Music115/v4/05/b0/24/05b0243f-b852-8ed8-8f75-3a6edd2105f3/source/60x60bb.jpg", "artworkUrl100":"https://is5-ssl.mzstatic.com/image/thumb/Music115/v4/05/b0/24/05b0243f-b852-8ed8-8f75-3a6edd2105f3/source/100x100bb.jpg", "collectionPrice":1.29, "collectionExplicitness":"notExplicit", "trackCount":1, "copyright":"℗ 2018 Mean Buzz Records", "country":"USA", "currency":"USD", "releaseDate":"2017-12-05T08:00:00Z", "primaryGenreName":"Rock"}]
}
export default music_list;
\ No newline at end of file
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App/>, document.getElementById('app'));
import React from "react";
import {Snackbar, Alert} from '@mui/material';
const SnackMsg = (props) => {
return (
<Snackbar
open = {props.open}
anchorOrigin = {{ vertical : 'bottom', horizontal : 'right'}}
autoHideDuration = {3000}
onClose = {props.onClose}
message = {props.message}>
<Alert onClose={props.onClose} severity="success" sx={{ width: '100%'}}>
{props.message}
</Alert>
</Snackbar>
);
}
export default SnackMsg;
\ No newline at end of file
const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: {
app: './src/index.js'
},
output: {
filename: '[name].bundle.js',
path: path.resolve(__dirname, 'public')
},
module: {
rules: [{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
}]
},
devServer: {
hot: true,
allowedHosts: 'all',
},
plugins: [
new webpack.HotModuleReplacementPlugin()
]
};
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment