Update README.md

.eslintrc

@@ -1,14 +1,12 @@
 {
     "extends": "eslint:recommended",
     "env": {
-        "browser": true,
         "node": true,
         "es6": true,
-        "jest": true,
-        "mocha": true
+        "jest": true
     },
     "parserOptions": {
-        "ecmaVersion": 2018
+        "ecmaVersion": 2017
     },
     "globals": {
         "SELECT": true,
@@ -21,7 +19,6 @@
     },
     "rules": {
         "no-console": "off",
-        "require-atomic-updates": "off",
-        "require-await":"warn"
+        "require-atomic-updates": "off"
     }
-}
+}

.github/ISSUE_TEMPLATE/question--feedback-or-bug-.md

@@ -1,10 +0,0 @@
----
-name: This channel is CLOSED. 
-about: Use our community at  https://answers.sap.com/tags/9f13aee1-834c-4105-8e43-ee442775e5ce
-title: ''
-labels: ''
-assignees: ''
-
----
-
-Please use our community on https://answers.sap.com/tags/9f13aee1-834c-4105-8e43-ee442775e5ce

.github/workflows/node.js.yml

@@ -1,28 +0,0 @@
-# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
-name: CI
-
-on:
-  push:
-    branches: [ master ]
-  pull_request:
-    branches: [ master ]
-
-jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [10.x, 12.x, 14.x]
-
-    steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - run: npm install
-    - run: npm test

.gitignore

@@ -13,5 +13,3 @@ target/
 connection.properties
 default-env.json
 packages/messageBox
-reviews/msg-box
-reviews/db/test.db

.npmrc

@@ -0,0 +1 @@
+@sap:registry=https://npm.sap.com

.registry/server.js

@@ -1,71 +0,0 @@
-const { exec } = require ('child_process')
-const express = require ('express')
-const fs = require ('fs')
-const app = express()
-
-const { PORT=4444 } = process.env
-const [,,port=PORT] = process.argv
-
-app.use('/-/:tarball', (req,res,next) => {
-  const url = decodeURIComponent(req.url)
-  console.debug ('GET', req.params)
-  try {
-    const { tarball } = req.params
-    const [, pkg ] = /^capire-(\w+)/.exec(tarball)
-    fs.lstat(tarball,(err => {
-      if (err) exec(`npm pack ../${pkg}`,next)
-      else next()
-    }))
-  } catch (e) {
-    console.error(e)
-    res.sendStatus(500)
-  }
-})
-
-app.use('/-', express.static(__dirname))
-
-app.get('/*', (req,res)=>{
-  const url = decodeURIComponent(req.url)
-  console.debug ('GET',url)
-  try {
-    const [, capire, pkg ] = /^\/(@capire)\/(\w+)/.exec(url)
-    const package = require (`${capire}/${pkg}/package.json`)
-    const tarball = `capire-${pkg}-${package.version}.tgz`
-    // https://github.com/npm/registry/blob/master/docs/responses/package-metadata.md
-    res.json({
-      "name": package.name,
-      "dist-tags": {
-        "latest": package.version
-      },
-      "versions": {
-        [package.version]: {
-          "name": package.name,
-          "version": package.version,
-          "dist": {
-            "tarball": `http://localhost:${port}/-/${tarball}`
-          },
-        }
-      },
-    })
-  } catch (e) {
-    console.error(e)
-    res.sendStatus(404)
-  }
-})
-
-app.listen(port, ()=>{
-  console.log (`npm set @capire:registry=http://localhost:${port}`)
-  console.log (`@capire registry listening on http://localhost:${port}`)
-  exec(`npm set @capire:registry=http://localhost:${port}`)
-})
-
-const _exit = ()=>{
-  console.log ('\nnpm conf rm @capire:registry')
-  exec('npm conf rm @capire:registry')
-  exec('rm *.tgz')
-  process.exit()
-}
-process.on ('SIGTERM',_exit)
-process.on ('SIGHUP',_exit)
-process.on ('SIGINT',_exit)
-process.on ('SIGUSR2',_exit)

.reuse/dep5

@@ -1,29 +0,0 @@
-Format: https://www.debian.org/doc/packaging-manuals/copyright-format/1.0/
-Upstream-Name: cloud-cap-samples
-Upstream-Contact: <Christian Georgi (christian.georgi@sap.com)>
-Source: https://github.com/SAP-samples/cloud-cap-samples
-Disclaimer: The code in this project may include calls to APIs (“API Calls”) of
- SAP or third-party products or services developed outside of this project
- (“External Products”).
- “APIs” means application programming interfaces, as well as their respective
- specifications and implementing code that allows software to communicate with
- other software.
- API Calls to External Products are not licensed under the open source license
- that governs this project. The use of such API Calls and related External
- Products are subject to applicable additional agreements with the relevant
- provider of the External Products. In no event shall the open source license
- that governs this project grant any rights in or to any External Products,or
- alter, expand or supersede any terms of the applicable additional agreements.
- If you have a valid license agreement with SAP for the use of a particular SAP
- External Product, then you may make use of any API Calls included in this
- project’s code for that SAP External Product, subject to the terms of such
- license agreement. If you do not have a valid license agreement for the use of
- a particular SAP External Product, then you may only make use of any API Calls
- in this project for that SAP External Product for your internal, non-productive
- and non-commercial test and evaluation of such API Calls. Nothing herein grants
- you any rights to use or access any SAP External Product, or provide any third
- parties the right to use of access any SAP External Product, through API Calls.
-
-Files: *
-Copyright: 2019-2020 SAP SE or an SAP affiliate company and cap-cloud-samples
-License: Apache-2.0

.vscode/extensions.json

@@ -1,20 +0,0 @@
-{
-	// See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
-	// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
-
-	// List of extensions which should be recommended for users of this workspace.
-	"recommendations": [
-		"SAPSE.vscode-cds",
-		"dbaeumer.vscode-eslint",
-		"esbenp.prettier-vscode",
-		"mechatroner.rainbow-csv",
-		"humao.rest-client",
-		"alexcvzz.vscode-sqlite",
-		"hbenl.vscode-mocha-test-adapter",
-		"sdras.night-owl"
-	],
-	// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
-	"unwantedRecommendations": [
-
-	]
-}

.vscode/launch.json

@@ -4,37 +4,39 @@
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
-  {
-    "name": "Attach by Process ID",
-    "processId": "${command:PickProcess}",
-    "request": "attach",
-    "skipFiles": [
-      "<node_internals>/**"
-    ],
-    "type": "pwa-node"
-  },
     {
-      "name": "bookshop",
-      "command": "cds watch bookshop",
+      "name": "cds run",
       "request": "launch",
-      "type": "node-terminal",
-      "skipFiles": ["<node_internals>/**"]
-    },
-    {
-      "name": "Fiori app",
-      "command": "cds watch fiori",
-      "request": "launch",
-      "type": "node-terminal",
+      "type": "node",
+      "runtimeExecutable": "npx",
+      "runtimeArgs": ["-n"],
+      "args": ["--", "cds", "run", "--with-mocks", "--in-memory?"], // the leading "--" arg ensures it works with as well as without debugging
+      "cwd": "${workspaceFolder}/packages/${input:service}",
+      "console": "integratedTerminal",
+      "serverReadyAction": {
+        "pattern": "server listening on (https?://\\S+|[0-9]+)",
+        "uriFormat": "http://localhost:%s",
+        "action": "openExternally"
+      },
       "skipFiles": ["<node_internals>/**"]
     }
   ],
   "inputs": [
     {
       "type": "pickString",
-      "id": "sample",
-      "description": "Which sample do you want to start?",
-      "options": ["bookshop", "fiori", "reviews", "reviews/test/bookshop"],
-      "default": "bookshop"
+      "id": "service",
+      "description": "Which service do you want to start?",
+      "options": [
+        "bookshop",
+        "bookstore",
+        "media-server",
+        "office-supplies",
+        "orders-service",
+        "products-service",
+        "reviews-service",
+        "user-service"
+      ],
+      "default": "bookstore"
     }
   ]
 }

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
   "files.exclude": {
-    "**/.gitignore": true,
-    "**/.vscode": true
+    "**/.gitignore": false,
+    "**/.git": false,
+    "**/.vscode": false
   }
 }

.vscode/tasks.json

@@ -1,15 +1,26 @@
 {
-  // See https://go.microsoft.com/fwlink/?LinkId=733558
-  // for the documentation about the tasks.json format
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "type": "npm",
-      "script": "jest",
-      "group": {
-        "kind": "test",
-        "isDefault": true
-      }
-    }
-  ]
+    // See https://go.microsoft.com/fwlink/?LinkId=733558
+    // for the documentation about the tasks.json format
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "type": "shell", "label": "cds run bookshop",
+            "command": "npx", "args": [ "cds", "watch", "packages/bookshop" ],
+            "presentation": { "group": "A" },
+            "problemMatcher": []
+        },
+        {
+            "type": "shell", "label": "cds run bookshop-enhanced",
+            "command": "npx", "args": [ "cds", "watch", "packages/bookshop-enhanced" ],
+            "presentation": { "group": "A" },
+            "problemMatcher": []
+        },
+        {
+            "type": "shell", "label": "cds run reviews-service",
+            "command": "npx", "args": [ "cds", "watch", "packages/reviews-service" ],
+            "options": {"env": { "PORT":"5005" }},
+            "presentation": { "group": "A" },
+            "problemMatcher": []
+        }
+    ]
 }

LICENSE

@@ -1,208 +1,190 @@
-Apache License
-
-Version 2.0, January 2004
-
-http://www.apache.org/licenses/ TERMS AND CONDITIONS FOR USE, REPRODUCTION,
-AND DISTRIBUTION
-
-   1. Definitions.
-
-      
-
-"License" shall mean the terms and conditions for use, reproduction, and distribution
-as defined by Sections 1 through 9 of this document.
-
-      
-
-"Licensor" shall mean the copyright owner or entity authorized by the copyright
-owner that is granting the License.
-
-      
-
-"Legal Entity" shall mean the union of the acting entity and all other entities
-that control, are controlled by, or are under common control with that entity.
-For the purposes of this definition, "control" means (i) the power, direct
-or indirect, to cause the direction or management of such entity, whether
-by contract or otherwise, or (ii) ownership of fifty percent (50%) or more
-of the outstanding shares, or (iii) beneficial ownership of such entity.
-
-      
-
-"You" (or "Your") shall mean an individual or Legal Entity exercising permissions
-granted by this License.
-
-      
-
-"Source" form shall mean the preferred form for making modifications, including
-but not limited to software source code, documentation source, and configuration
-files.
-
-      
-
-"Object" form shall mean any form resulting from mechanical transformation
-or translation of a Source form, including but not limited to compiled object
-code, generated documentation, and conversions to other media types.
-
-      
-
-"Work" shall mean the work of authorship, whether in Source or Object form,
-made available under the License, as indicated by a copyright notice that
-is included in or attached to the work (an example is provided in the Appendix
-below).
-
-      
-
-"Derivative Works" shall mean any work, whether in Source or Object form,
-that is based on (or derived from) the Work and for which the editorial revisions,
-annotations, elaborations, or other modifications represent, as a whole, an
-original work of authorship. For the purposes of this License, Derivative
-Works shall not include works that remain separable from, or merely link (or
-bind by name) to the interfaces of, the Work and Derivative Works thereof.
-
-      
-
-"Contribution" shall mean any work of authorship, including the original version
-of the Work and any modifications or additions to that Work or Derivative
-Works thereof, that is intentionally submitted to Licensor for inclusion in
-the Work by the copyright owner or by an individual or Legal Entity authorized
-to submit on behalf of the copyright owner. For the purposes of this definition,
-"submitted" means any form of electronic, verbal, or written communication
-sent to the Licensor or its representatives, including but not limited to
-communication on electronic mailing lists, source code control systems, and
-issue tracking systems that are managed by, or on behalf of, the Licensor
-for the purpose of discussing and improving the Work, but excluding communication
-that is conspicuously marked or otherwise designated in writing by the copyright
-owner as "Not a Contribution."
-
-      
-
-"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
-of whom a Contribution has been received by Licensor and subsequently incorporated
-within the Work.
-
-2. Grant of Copyright License. Subject to the terms and conditions of this
-License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive,
-no-charge, royalty-free, irrevocable copyright license to reproduce, prepare
-Derivative Works of, publicly display, publicly perform, sublicense, and distribute
-the Work and such Derivative Works in Source or Object form.
-
-3. Grant of Patent License. Subject to the terms and conditions of this License,
-each Contributor hereby grants to You a perpetual, worldwide, non-exclusive,
-no-charge, royalty-free, irrevocable (except as stated in this section) patent
-license to make, have made, use, offer to sell, sell, import, and otherwise
-transfer the Work, where such license applies only to those patent claims
-licensable by such Contributor that are necessarily infringed by their Contribution(s)
-alone or by combination of their Contribution(s) with the Work to which such
-Contribution(s) was submitted. If You institute patent litigation against
-any entity (including a cross-claim or counterclaim in a lawsuit) alleging
-that the Work or a Contribution incorporated within the Work constitutes direct
-or contributory patent infringement, then any patent licenses granted to You
-under this License for that Work shall terminate as of the date such litigation
-is filed.
-
-4. Redistribution. You may reproduce and distribute copies of the Work or
-Derivative Works thereof in any medium, with or without modifications, and
-in Source or Object form, provided that You meet the following conditions:
-
-(a) You must give any other recipients of the Work or Derivative Works a copy
-of this License; and
-
-(b) You must cause any modified files to carry prominent notices stating that
-You changed the files; and
-
-(c) You must retain, in the Source form of any Derivative Works that You distribute,
-all copyright, patent, trademark, and attribution notices from the Source
-form of the Work, excluding those notices that do not pertain to any part
-of the Derivative Works; and
-
-(d) If the Work includes a "NOTICE" text file as part of its distribution,
-then any Derivative Works that You distribute must include a readable copy
-of the attribution notices contained within such NOTICE file, excluding those
-notices that do not pertain to any part of the Derivative Works, in at least
-one of the following places: within a NOTICE text file distributed as part
-of the Derivative Works; within the Source form or documentation, if provided
-along with the Derivative Works; or, within a display generated by the Derivative
-Works, if and wherever such third-party notices normally appear. The contents
-of the NOTICE file are for informational purposes only and do not modify the
-License. You may add Your own attribution notices within Derivative Works
-that You distribute, alongside or as an addendum to the NOTICE text from the
-Work, provided that such additional attribution notices cannot be construed
-as modifying the License.
-
-You may add Your own copyright statement to Your modifications and may provide
-additional or different license terms and conditions for use, reproduction,
-or distribution of Your modifications, or for any such Derivative Works as
-a whole, provided Your use, reproduction, and distribution of the Work otherwise
-complies with the conditions stated in this License.
-
-5. Submission of Contributions. Unless You explicitly state otherwise, any
-Contribution intentionally submitted for inclusion in the Work by You to the
-Licensor shall be under the terms and conditions of this License, without
-any additional terms or conditions. Notwithstanding the above, nothing herein
-shall supersede or modify the terms of any separate license agreement you
-may have executed with Licensor regarding such Contributions.
-
-6. Trademarks. This License does not grant permission to use the trade names,
-trademarks, service marks, or product names of the Licensor, except as required
-for reasonable and customary use in describing the origin of the Work and
-reproducing the content of the NOTICE file.
-
-7. Disclaimer of Warranty. Unless required by applicable law or agreed to
-in writing, Licensor provides the Work (and each Contributor provides its
-Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, either express or implied, including, without limitation, any warranties
-or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR
-A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness
-of using or redistributing the Work and assume any risks associated with Your
-exercise of permissions under this License.
-
-8. Limitation of Liability. In no event and under no legal theory, whether
-in tort (including negligence), contract, or otherwise, unless required by
-applicable law (such as deliberate and grossly negligent acts) or agreed to
-in writing, shall any Contributor be liable to You for damages, including
-any direct, indirect, special, incidental, or consequential damages of any
-character arising as a result of this License or out of the use or inability
-to use the Work (including but not limited to damages for loss of goodwill,
-work stoppage, computer failure or malfunction, or any and all other commercial
-damages or losses), even if such Contributor has been advised of the possibility
-of such damages.
-
-9. Accepting Warranty or Additional Liability. While redistributing the Work
-or Derivative Works thereof, You may choose to offer, and charge a fee for,
-acceptance of support, warranty, indemnity, or other liability obligations
-and/or rights consistent with this License. However, in accepting such obligations,
-You may act only on Your own behalf and on Your sole responsibility, not on
-behalf of any other Contributor, and only if You agree to indemnify, defend,
-and hold each Contributor harmless for any liability incurred by, or claims
-asserted against, such Contributor by reason of your accepting any such warranty
-or additional liability. END OF TERMS AND CONDITIONS
-
-APPENDIX: How to apply the Apache License to your work.
-
-To apply the Apache License to your work, attach the following boilerplate
-notice, with the fields enclosed by brackets "[]" replaced with your own identifying
-information. (Don't include the brackets!) The text should be enclosed in
-the appropriate comment syntax for the file format. We also recommend that
-a file or class name and description of purpose be included on the same "printed
-page" as the copyright notice for easier identification within third-party
-archives.
-
-Copyright [yyyy] [name of copyright owner]
-
-Licensed under the Apache License, Version 2.0 (the "License");
-
-you may not use this file except in compliance with the License.
-
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-
-distributed under the License is distributed on an "AS IS" BASIS,
-
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-
-See the License for the specific language governing permissions and
-
-limitations under the License.
+SAP SAMPLE CODE LICENSE AGREEMENT
+
+Please scroll down and read the following SAP Sample Code License Agreement
+carefully ("Agreement"). By downloading, installing, or otherwise using the
+SAP sample code or any materials that accompany the sample code documentation
+(collectively, the "Sample Code"), You agree that this Agreement forms a legally
+binding agreement between You ("You" or "Your") and SAP SE, for and on behalf
+of itself and its subsidiaries and affiliates (as defined in Section 15 of the
+German Stock Corporation Act), and You agree to be bound by all of the terms
+and conditions stated in this Agreement. If You are trying to access or download
+the Sample Code on behalf of Your employer or as a consultant or agent of a
+third party (either "Your Company"), You represent and warrant that You have
+the authority to act on behalf of and bind Your Company to the terms of this
+Agreement and everywhere in this Agreement that refers to 'You' or 'Your' shall
+also include Your Company. If You do not agree to these terms, do not attempt
+to access or use the Sample Code.
+
+1. LICENSE: Subject to the terms of this Agreement, SAP grants You a nonexclusive,
+non-transferable, non-sublicensable, revocable, royalty-free,
+limited license to use, copy, and modify the Sample Code solely for Your internal
+business purposes.
+
+2. RESTRICTIONS: You must not use the Sample Code to: (a) impair, degrade or
+reduce the performance or security of any SAP products, services or related
+technology (collectively, "SAP Products"); (b) enable the bypassing or
+circumventing of SAP's license restrictions and/or provide users with access to
+the SAP Products to which such users are not licensed; or (c) permit mass data
+extraction from an SAP Product to a non-SAP Product, including use,
+modification, saving or other processing of such data in the non-SAP Product.
+Further, You must not: (i) provide or make the Sample Code available to any
+third party other than your authorized employees, contractors and agents
+(collectively, “Representatives”) and solely to be used by Your Representatives
+for Your own internal business purposes; ii) remove or modify any marks or
+proprietary notices from the Sample Code; iii) assign this Agreement, or any
+interest therein, to any third party; (iv) use any SAP name, trademark or logo
+without the prior written authorization of SAP; or (v) use the Sample Code to
+modify an SAP Product or decompile, disassemble or reverse engineer an SAP
+Product (except to the extent permitted by applicable law). You are responsible
+for any breach of the terms of this Agreement by You or Your Representatives.
+
+3. INTELLECTUAL PROPERTY: SAP or its licensors retain all ownership and
+intellectual property rights in and to the Sample Code and SAP Products. In
+exchange for the right to use, copy and modify the Sample Code provided under
+this Agreement, You covenant not to assert any intellectual property rights in
+or to any of Your products, services, or related technology that are based on
+or incorporate the Sample Code against any individual or entity in respect of
+any current or future SAP Products.
+
+4. SAP AND THIRD PARTY APIS: The Sample Code may include API (application
+programming interface) calls to SAP and third-party products or services. The
+access or use of the third-party products and services to which the API calls
+are directed may be subject to additional terms and conditions between you and
+SAP or such third parties. You (and not SAP) are solely responsible for
+understanding and complying with any additional terms and conditions that apply
+to the access or use of those APIs and/or third-party products and services.
+SAP does not grant You any rights in or to these APIs, products or services
+under this Agreement.
+
+5. FREE AND OPEN SOURCE COMPONENTS: The Sample Code may include third party
+free or open source components ("FOSS Components"). You may have additional
+rights in such FOSS Components that are provided by the third party licensors
+of those components.
+6. THIRD PARTY DEPENDENCIES: The Sample Code may require third party software
+dependencies ("Dependencies") for the use or operation of the Sample Code. These
+Dependencies may be identified by SAP in Maven POM files, documentation or by
+other means. SAP does not grant You any rights in or to such Dependencies under
+this Agreement. You are solely responsible for the acquisition, installation
+and use of such Dependencies.
+7. WARRANTY:
+a) If You are located outside the US or Canada: AS THE SAMPLE CODE IS PROVIDED
+TO YOU FREE OF CHARGE, SAP DOES NOT GUARANTEE OR WARRANT ANY FEATURES OR
+QUALITIES OF THE SAMPLE CODE OR GIVE ANY UNDERTAKING WITH REGARD TO ANY OTHER
+QUALITY. NO SUCH WARRANTY OR UNDERTAKING SHALL BE IMPLIED BY YOU FROM ANY
+DESCRIPTION IN THE SAMPLE CODE OR ANY OTHER MATERIALS, COMMUNICATION OR
+ADVERTISEMENT. IN PARTICULAR, SAP DOES NOT WARRANT THAT THE SAMPLE CODE WILL BE
+AVAILABLE UNINTERRUPTED, ERROR FREE, OR PERMANENTLY AVAILABLE. ALL WARRANTY
+CLAIMS RESPECTING THE SAMPLE CODE ARE SUBJECT TO THE LIMITATION OF LIABILITY
+STIPULATED IN SECTION 8 BELOW.
+b) If You are located in the US or Canada: THE SAMPLE CODE IS LICENSED TO YOU
+"AS IS", WITHOUT ANY WARRANTY, ESCROW, TRAINING, MAINTENANCE, OR SERVICE
+OBLIGATIONS WHATSOEVER ON THE PART OF SAP. SAP MAKES NO EXPRESS OR IMPLIED
+WARRANTIES OR CONDITIONS OF SALE OF ANY TYPE WHATSOEVER, INCLUDING BUT NOT
+LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY AND OF FITNESS FOR A PARTICULAR
+PURPOSE. IN PARTICULAR, SAP DOES NOT WARRANT THAT THE SAMPLE CODE WILL BE
+AVAILABLE UNINTERRUPTED, ERROR FREE, OR PERMANENTLY AVAILABLE. YOU ASSUME ALL
+RISKS ASSOCIATED WITH THE USE OF THE SAMPLE CODE, INCLUDING WITHOUT LIMITATION
+RISKS RELATING TO QUALITY, AVAILABILITY, PERFORMANCE, DATA LOSS, AND UTILITY IN
+A PRODUCTION ENVIRONMENT.
+c) For all locations: SAP DOES NOT MAKE ANY REPRESENTATIONS OR WARRANTIES IN
+RESPECT OF THIRD PARTY DEPENDENCIES, APIS, PRODUCTS AND SERVICES, INCLUDING BUT
+NOT LIMITED TO IMPLIED WARRANTIES OF MERCHANTABILITY AND OF FITNESS FOR A
+PARTICULAR PURPOSE. IN PARTICULAR, SAP DOES NOT WARRANT THAT THIRDPARTY
+DEPENDENCIES, APIS, PRODUCTS AND SERVICES WILL BE AVAILABLE, ERROR FREE,
+INTEROPERABLE WITH THE SAMPLE CODE, SUITABLE FOR ANY PARTICULAR PURPOSE OR NONINFRINGING.
+YOU ASSUME ALL RISKS ASSOCIATED WITH THE USE OF THIRD
+PARTY DEPENDENCIES, APIS, PRODUCTS AND SERVICES, INCLUDING WITHOUT LIMITATION
+RISKS RELATING TO QUALITY, AVAILABILITY, PERFORMANCE, DATA LOSS, UTILITY IN A
+PRODUCTION ENVIRONMENT, AND NON-INFRINGEMENT. IN NO EVENT WILL SAP BE LIABLE
+DIRECTLY OR INDIRECTLY IN RESPECT OF ANY USE OF THIRD PARTY DEPENDENCIES, APIS,
+PRODUCTS AND SERVICES BY YOU.
+
+8. LIMITATION OF LIABILITY:
+a) If You are located outside the US or Canada: IRRESPECTIVE OF THE LEGAL
+REASONS, SAP SHALL ONLY BE LIABLE FOR DAMAGES UNDER THIS AGREEMENT IF SUCH
+DAMAGE (I) CAN BE CLAIMED UNDER THE GERMAN PRODUCT LIABILITY ACT OR (II) IS
+CAUSED BY INTENTIONAL MISCONDUCT OF SAP OR (III) CONSISTS OF PERSONAL INJURY.
+IN ALL OTHER CASES, NEITHER SAP NOR ITS EMPLOYEES, AGENTS AND SUBCONTRACTORS
+SHALL BE LIABLE FOR ANY KIND OF DAMAGE OR CLAIMS HEREUNDER.
+b) If You are located in the US or Canada: IN NO EVENT SHALL SAP BE LIABLE TO
+YOU, YOUR COMPANY OR TO ANY THIRD PARTY FOR ANY DAMAGES IN AN AMOUNT IN EXCESS
+OF $100 ARISING IN CONNECTION WITH YOUR USE OF OR INABILITY TO USE THE SAMPLE
+CODE OR IN CONNECTION WITH SAP'S PROVISION OF OR FAILURE TO PROVIDE SERVICES 
+PERTAINING TO THE SAMPLE CODE, OR AS A RESULT OF ANY DEFECT IN THE SAMPLE COED.
+THIS DISCLAIMER OF LIABILITY SHALL APPLY REGARDLESS OF THE FORM OF ACTION THAT
+MAY BE BROUGHT AGAINST SAP, WHETHER IN CONTRACT OR TORT, INCLUDING WITHOUT
+LIMITATION ANY ACTION FOR NEGLIGENCE. YOUR SOLE REMEDY IN THE EVENT OF BREACH
+OF THIS AGREEMENT BY SAP OR FOR ANY OTHER CLAIM RELATED TO THE SAMPLE CODE SHALL
+BE TERMINATION OF THIS AGREEMENT. NOTWITHSTANDING ANYTHING TO THE CONTRARY
+HEREIN, UNDER NO CIRCUMSTANCES SHALL SAP OR ITS LICENSORS BE LIABLE TO YOU OR
+ANY OTHER PERSON OR ENTITY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, OR
+INDIRECT DAMAGES, LOSS OF GOOD WILL OR BUSINESS PROFITS, WORK STOPPAGE, DATA
+LOSS, COMPUTER FAILURE OR MALFUNCTION, ANY AND ALL OTHER COMMERCIAL DAMAGES OR
+LOSS, OR EXEMPLARY OR PUNITIVE DAMAGES.
+
+9. INDEMNITY: You will fully indemnify, hold harmless and defend SAP against
+law suits based on any claim: (a) that any of Your products, services or related
+technology that are based on or incorporate the Sample Code infringes or
+misappropriates any patent, copyright, trademark, trade secrets, or other
+proprietary rights of a third party, or (b) related to Your alleged violation
+of the terms of this Agreement.
+
+10. EXPORT: The Sample Code is subject to German, EU and US export control
+regulations. You confirm that: a) You will not use the Sample Code for, and
+will not allow the Sample Code to be used for, any purposes prohibited by
+German, EU and US law, including, without limitation, for the development,
+design, manufacture or production of nuclear, chemical or biological weapons of
+mass destruction; b) You are not located in Cuba, Iran, Sudan, Iraq, North
+Korea, Syria, nor any other country to which the United States has prohibited
+export or that has been designated by the U.S. Government as a "terrorist
+supporting" country (any, an "US Embargoed Country"); c) You are not a citizen,
+national or resident of, and are not under the control of, a US Embargoed
+Country; d) You will not download or otherwise export or re-export the Sample
+Code, directly or indirectly, to a US Embargoed Country nor to citizens,
+nationals or residents of a US Embargoed Country; e) You are not listed on the
+United States Department of Treasury lists of Specially Designated Nationals,
+Specially Designated Terrorists, and Specially Designated Narcotic Traffickers,
+nor listed on the United States Department of Commerce Table of Denial Orders
+or any other U.S. government list of prohibited or restricted parties and f)
+You will not download or otherwise export or re-export the Sample Code, directly
+or indirectly, to persons on the above-mentioned lists.
+
+11. SUPPORT: SAP does not offer support for the Sample Code.
+
+12. TERM AND TERMINATION: You may terminate this Agreement by destroying all
+copies of the Sample Code in Your possession or control. SAP may terminate Your
+license to use the Sample Code immediately if You fail to comply with any of
+the terms of this Agreement, or, for SAP's convenience by providing you with
+ten (10) days written notice of termination. In case of termination or
+expiration of this Agreement, You must immediately destroy all copies of the
+Sample Code in your possession or control. In the event Your Company is acquired
+(by merger, purchase of stock, assets or intellectual property or exclusive
+license), or You become employed, by a direct competitor of SAP, then this
+Agreement and all licenses granted to You in this Agreement shall immediately
+terminate upon the date of such acquisition or change of employment.
+
+13. LAW/VENUE:
+a) If You are located outside the US or Canada: This Agreement is governed by
+and construed in accordance with the laws of Germany without reference to its
+conflicts of law principles. You and SAP agree to submit to the exclusive 
+jurisdiction of, and venue in, the courts located in Karlsruhe, Germany in any
+dispute arising out of or relating to this Agreement or the Sample Code. The
+United Nations Convention on Contracts for the International Sale of Goods shall
+not apply to this Agreement.
+b) If You are located in the US or Canada: This Agreement shall be governed by
+and construed in accordance with the laws of the State of New York, USA without
+reference to its conflicts of law principles. You and SAP agree to submit to
+the exclusive jurisdiction of, and venue in, the courts located in New York,
+New York, USA in any dispute arising out of or relating to this Agreement or
+the Sample Code. The United Nations Convention on Contracts for the
+International Sale of Goods shall not apply to this Agreement.
+
+14. MISCELLANEOUS: This Agreement is the complete agreement between the parties
+respecting the Sample Code. This Agreement supersedes all prior or
+contemporaneous agreements or representations with regards to the Sample Code.
+If any term of this Agreement is found to be invalid or unenforceable, the
+surviving provisions shall remain effective. SAP's failure to enforce any right
+or provisions stipulated in this Agreement will not constitute a waiver of such
+provision, or any other provision of this Agreement.
+
+v1.0-071618 

NOTICE

@@ -0,0 +1 @@
+Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved.

README.md

@@ -1,78 +1,42 @@
-# Welcome to cap/samples
+# Welcome to SAP Cloud Application Programming model samples
 
-Find here a collection of samples for the [SAP Cloud Application Programming Model](https://cap.cloud.sap) organized in a simplistic [monorepo setup](samples.md#all-in-one-monorepo). → See [**Overview** of contained samples](samples.md)
+Find here the samples for the openSAP course [Building Applications with the SAP Cloud Application Programming Model](https://open.sap.com/courses/cp7).
 
-![](https://github.com/SAP-samples/cloud-cap-samples/workflows/CI/badge.svg)
-[![REUSE status](https://api.reuse.software/badge/github.com/SAP-samples/cloud-cap-samples)](https://api.reuse.software/info/github.com/SAP-samples/cloud-cap-samples)
+## Get Access to SAP Business Application Studio
+The recommended environment for the course is SAP Business Application Studio.  Watch [unit 2 of week 1](https://open.sap.com/courses/cp7/items/51pzQUzbXHr2kdbOmVs6jI) for how to get access.
 
+## Setup
 
-### Preliminaries
-
-1. [Install @sap/cds-dk](https://cap.cloud.sap/docs/get-started/) globally as documented in [capire](https://cap.cloud.sap)
-   ```sh
-   npm i -g @sap/cds-dk
-   ```
-2. _Optional:_ [Use Visual Studio Code](https://cap.cloud.sap/docs/get-started/in-vscode)
-
-### Download
-
-Clone this repo as shown below, if you have [git](https://git-scm.com/downloads) installed,
-otherwise [download as zip file](archive/master.zip).
+In SAP Business Application Studio, open a terminal.
+Then clone the repo with this specific branch:
 
 ```sh
-git clone https://github.com/sap-samples/cloud-cap-samples samples
-cd samples
+git clone https://github.com/sap-samples/cloud-cap-samples projects/cloud-cap-samples -b openSAP-week4-unit2-final
+cd projects/cloud-cap-samples
 ```
 
-### Setup
-
-In the samples folder run:
-
+In the `cloud-cap-samples` folder run:
 ```sh
 npm install
 ```
 
-### Run
-
-With that you're ready to run the samples, for example:
+## Run
 
+Now you're ready to run the samples, for example:
 ```sh
-cds watch bookshop
+cd packages/bookshop
+cds watch
 ```
 
-After that open this link in your browser: [http://localhost:4004](http://localhost:4004)
-
-### Testing
-
-Run the provided tests with [_jest_](http://jestjs.io) or [_mocha_](http://mochajs.org), for example:
-```sh
-npx jest
-```
-> While mocha is a bit smaller and faster, jest runs tests in parallel and isolation, which allows to run all tests.
-
-
-### Serve `npm` 
-
-We've simple npm registry mock included which allows you to do an `npm install @capire/<package>` anywhere locally. Use it as follows:
-
-1. Start the @capire registry:
-```sh
-npm run registry
-```
-> While running this will have `@capire:registry=http://localhost:4444` set with npmrc. 
-
-2. Install one of the @capire packages wherever you like, e.g.:
-```sh
-npm add @capire/common @capire/bookshop
-```
+After that, watch out for the little popup in the lower right corner of SAP Business Application Studio that asks you to open the application in your browser.
 
 
 ## Get Support
 
-Check out the documentation at [https://cap.cloud.sap](https://cap.cloud.sap). <br>
-In case you have a question, find a bug, or otherwise need support, please use our [community](https://answers.sap.com/tags/9f13aee1-834c-4105-8e43-ee442775e5ce).
+Check out the cap docs at https://cap.cloud.sap. <br>
+In case you find a bug or need support, please [open an issue in here](https://github.com/SAP-samples/cloud-cap-samples/issues/new).
 
 
 ## License
 
-Copyright (c) 2020 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under the Apache Software License, version 2.0 except as noted otherwise in the [LICENSE](LICENSES/Apache-2.0.txt) file.
+Copyright (c) 2020 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under SAP Sample Code License Agreement, except as noted otherwise in the [LICENSE](/LICENSE) file.

bookshop/.vscode/launch.json

@@ -1,25 +0,0 @@
-{
-  // Use IntelliSense to learn about possible attributes.
-  // Hover to view descriptions of existing attributes.
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "name": "Attach to...",
-      "type": "node",
-      "request": "attach",
-      "processId": "${command:PickProcess}",
-      "skipFiles": ["<node_internals>/**"]
-    },
-    {
-      "name": "cds run",
-      "type": "node",
-      "request": "launch",
-      "runtimeExecutable": "npx",
-      "runtimeArgs": ["-n"],
-      "args": ["--", "cds", "run", "--with-mocks", "--in-memory?"],
-      "console": "integratedTerminal",
-      "skipFiles": ["<node_internals>/**"]
-    }
-  ]
-}

bookshop/app/index.cds

@@ -1,2 +0,0 @@
-// Incorporate pre-build extensions from...
-using from '@capire/common';

bookshop/app/vue/app.js

@@ -1,48 +0,0 @@
-/* global Vue axios */ //> from vue.html
-const $ = sel => document.querySelector(sel)
-const GET = (url) => axios.get('/browse'+url)
-const POST = (cmd,data) => axios.post('/browse'+cmd,data)
-
-const books = new Vue ({
-
-    el:'#app',
-
-    data: {
-        list: [],
-        book: undefined,
-        order: { amount:1, succeeded:'', failed:'' }
-    },
-
-    methods: {
-
-        search: ({target:{value:v}}) => books.fetch(v && '&$search='+v),
-
-        async fetch (etc='') {
-            const {data} = await GET(`/ListOfBooks?$expand=genre,currency${etc}`)
-            books.list = data.value
-        },
-
-        async inspect (eve) {
-            const book = books.book = books.list [eve.currentTarget.rowIndex-1]
-            const res = await GET(`/Books/${book.ID}?$select=descr,stock,image`)
-            Object.assign (book, res.data)
-            books.order = { amount:1 }
-            setTimeout (()=> $('form > input').focus(), 111)
-        },
-
-        async submitOrder () {
-            const {book,order} = books, amount = parseInt (order.amount) || 1 // REVISIT: Okra should be less strict
-            try {
-                const res = await POST(`/submitOrder`, { amount, book: book.ID })
-                book.stock = res.data.stock
-                books.order = { amount, succeeded: `Successfully orderd ${amount} item(s).` }
-            } catch (e) {
-                books.order = { amount, failed: e.response.data.error.message }
-            }
-        }
-
-    }
-})
-
-// initially fill list of books
-books.fetch()

bookshop/app/vue/index.html

@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <title> Capire Books </title>
-    <link rel="stylesheet" href="https://unpkg.com/primitive-ui/dist/css/main.css">
-    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
-    <style>
-        .hovering tr:hover td { color:cyan; background: #123; cursor: pointer; }
-        .rating-stars { color:teal }
-        .succeeded { color:teal }
-        .failed { color:red }
-    </style>
-</head>
-
-<body class="small-container", style="margin-top: 70px;">
-<div id='app'>
-
-    <h1> {{ document.title }} </h1>
-
-    <input type="text" placeholder="Search..." @input="search">
-
-    <table id='books' class="hovering">
-        <thead>
-            <th> Book </th>
-            <th> Author </th>
-            <th> Genre </th>
-            <th> Rating </th>
-            <th> Price </th>
-        </thead>
-        <tr v-for="book in list" v-bind:id="book.ID" v-on:click="inspect">
-            <td>{{ book.title }}</td>
-            <td>{{ book.author }}</td>
-            <td>{{ book.genre.name }}</td>
-            <td class="rating-stars">
-                {{ ('★'.repeat(Math.round(book.rating))+'☆☆☆☆☆').slice(0,5) }}
-            </td>
-            <td>{{ book.currency.symbol }} {{ book.price }}</td>
-        </tr>
-    </table>
-
-    <div v-if="book">
-        <img v-bind:src="book.image" alt=""/>
-        <label style="text-align:right">
-            <span class="succeeded"> {{ order.succeeded }} </span>
-            <span class="failed"> {{ order.failed }} </span>
-            &nbsp;&nbsp; {{ book.stock }} in stock
-        </label>
-        <form @submit.prevent="submitOrder" style="float:right; display:flex; flex-direction:row-reverse">
-            <input type="number" v-model="order.amount" v-bind:class="{ failed: order.failed }" style="width:5em">
-            <input type="submit" value="Order:" class="muted-button">
-        </form>
-        <h4> {{ book.title }} </h4>
-        <p> {{ book.descr }} </p>
-    </div>
-    <div v-else>
-        ( click on a row to see details... )
-    </div>
-
-</div>
-</body>
-
-<script src="app.js"></script>
-</html>

bookshop/db/data/sap.capire.bookshop-Genres.csv

@@ -1,16 +0,0 @@
-ID;parent_ID;name
-10;;Fiction
-11;10;Drama
-12;10;Poetry
-13;10;Fantasy
-14;10;Science Fiction
-15;10;Romance
-16;10;Mystery
-17;10;Thriller
-18;10;Dystopia
-19;10;Fairy Tale
-20;;Non-Fiction
-21;20;Biography
-22;21;Autobiography
-23;20;Essay
-24;20;Speech

bookshop/db/schema.cds

@@ -1,31 +0,0 @@
-using { Currency, managed, sap } from '@sap/cds/common';
-namespace sap.capire.bookshop;
-
-entity Books : managed {
-  key ID : Integer;
-  title  : localized String(111);
-  descr  : localized String(1111);
-  author : Association to Authors;
-  genre  : Association to Genres;
-  stock  : Integer;
-  price  : Decimal;
-  currency : Currency;
-  image : LargeBinary @Core.MediaType : 'image/png';
-}
-
-entity Authors : managed {
-  key ID : Integer;
-  name   : String(111);
-  dateOfBirth  : Date;
-  dateOfDeath  : Date;
-  placeOfBirth : String;
-  placeOfDeath : String;
-  books  : Association to many Books on books.author = $self;
-}
-
-/** Hierarchically organized Code List for Genres */
-entity Genres : sap.common.CodeList {
-  key ID   : Integer;
-  parent   : Association to Genres;
-  children : Composition of many Genres on children.parent = $self;
-}

bookshop/index.cds

@@ -1,4 +0,0 @@
-namespace sap.capire.bookshop; //> important for reflection
-using from './db/schema';
-using from './srv/cat-service';
-using from './srv/admin-service';

bookshop/index.js

@@ -1 +0,0 @@
-exports.CatalogService = require('./srv/cat-service')

bookshop/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "@capire/bookshop",
-  "version": "1.0.0",
-  "description": "A simple self-contained bookshop service.",
-  "dependencies": {
-    "@capire/common": "*",
-    "@sap/cds": "^4",
-    "express": "^4.17.1",
-    "passport": "0.4.1"
-  },
-  "scripts": {
-    "genres": "cds serve test/genres.cds",
-    "start": "cds run",
-    "watch": "cds watch"
-  },
-  "cds": {
-    "requires": {
-      "db": {
-        "kind": "sql"
-      }
-    }
-  }
-}

bookshop/readme.md

@@ -1,31 +0,0 @@
-# Bookshop Getting Started Sample
-
-This stand-alone sample introduces the essential tasks in the development of CAP-based services as also covered in the [Getting Started guide in capire](https://cap.cloud.sap/docs/get-started/in-a-nutshell).
-
-## Hypothetical Use Cases
-
-1. Build a service that allows to browse _Books_ and _Authors_.
-2. Books have assigned _Genres_ which are organized hierarchically.
-3. All users may browse books without login.
-4. All entries are maintained by Administrators.
-5. End users may order books (the actual order mgmt being out of scope)
-
-## Running the Sample
-
-```sh
-npm run watch
-```
-
-## Content & Best Practices
-
-| Links to capire                                                                                           | Sample files / folders               |
-| --------------------------------------------------------------------------------------------------------- | ------------------------------------ |
-| [Project Setup and Layouts](https://cap.cloud.sap/docs/get-started/projects#sharing-and-reusing-content)  | [`./`](./)                           |
-| [Defining Domain Models](https://cap.cloud.sap/docs/guides/domain-models)                                 | [`./db/schema.cds`](./db/schema.cds) |
-| [Defining Services](https://cap.cloud.sap/docs/guides/providing-services)                                 | [`./srv/*.cds`](./srv)               |
-| [Single-purposed Services](https://cap.cloud.sap/docs/guides/providing-services#single-purposed-services) | [`./srv/*.cds`](./srv)               |
-| [Generic Providers](https://cap.cloud.sap/docs/guides/providing-services)                                  | http://localhost:4004                |
-| Using Databases                                            | [`./db/data/*.csv`](./db/data)       |
-| [Adding Custom Logic](https://cap.cloud.sap/docs/guides/service-impl)                                     | [`./srv/*.js`](./srv)                |
-| Adding Tests                                                 | [`./test`](./test)                   |
-| [Sharing for Reuse](https://cap.cloud.sap/docs/get-started/projects#sharing-and-reusing-content)          | [`./index.cds`](./index.cds)         |

bookshop/srv/admin-service.cds

@@ -1,5 +0,0 @@
-using { sap.capire.bookshop as my } from '../db/schema';
-service AdminService @(requires:'admin') {
-  entity Books as projection on my.Books;
-  entity Authors as projection on my.Authors;
-}

bookshop/srv/admin-service.js

@@ -1,12 +0,0 @@
-const cds = require('@sap/cds')
-
-module.exports = cds.service.impl (function(){
-  this.before ('NEW','Authors', genid)
-  this.before ('NEW','Books', genid)
-})
-
-/** Generate primary keys for target entity in request */
-async function genid (req) {
-  const {ID} = await cds.tx(req).run (SELECT.one.from(req.target).columns('max(ID) as ID'))
-  req.data.ID = ID - ID % 100 + 100 + 1
-}

bookshop/srv/cat-service.cds

@@ -1,14 +0,0 @@
-using { sap.capire.bookshop as my } from '../db/schema';
-service CatalogService @(path:'/browse') {
-
-  @readonly entity Books as SELECT from my.Books { *,
-    author.name as author
-  } excluding { createdBy, modifiedBy };
-
-  @readonly entity ListOfBooks as SELECT from Books
-  excluding { descr };
-
-  @requires: 'authenticated-user'
-  action submitOrder ( book: Books:ID, amount: Integer ) returns { stock: Integer };
-  event OrderedBook : { book: Books:ID; amount: Integer; buyer: String };
-}

bookshop/srv/cat-service.js

@@ -1,28 +0,0 @@
-const cds = require('@sap/cds')
-const { Books } = cds.entities ('sap.capire.bookshop')
-
-class CatalogService extends cds.ApplicationService { init(){
-
-  // Reduce stock of ordered books if available stock suffices
-  this.on ('submitOrder', async req => {
-    const {book,amount} = req.data, tx = cds.tx(req)
-    let {stock} = await tx.read('stock').from(Books,book)
-    if (stock >= amount) {
-      await tx.update (Books,book).with ({ stock: stock -= amount })
-      await this.emit ('OrderedBook', { book, amount, buyer:req.user.id })
-      return { stock }
-    }
-    else return req.error (409,`${amount} exceeds stock for book #${book}`)
-  })
-
-  // Add some discount for overstocked books
-  this.after ('READ','Books', each => {
-    if (each.stock > 111) {
-      each.title += ` -- 11% discount!`
-    }
-  })
-
-  return super.init()
-}}
-
-module.exports = { CatalogService }

bookshop/test/genres.cds

@@ -1,4 +0,0 @@
-using { sap.capire.bookshop as my } from '../db/schema';
-service TestService {
-  entity Genres as projection on my.Genres;
-}

bookshop/test/genres.http

@@ -1,38 +0,0 @@
-#################################################
-#
-#   Genres
-#
-
-GET http://localhost:4004/test/Genres?
-###
-
-GET http://localhost:4004/test/Genres?
-&$filter=parent_ID eq null&$select=name
-&$expand=children($select=name)
-###
-
-POST http://localhost:4004/test/Genres?
-Content-Type: application/json
-
-{ "ID":100, "name":"Some Sample Genres...", "children":[
-    { "ID":101, "name":"Cat", "children":[
-        { "ID":102, "name":"Kitty", "children":[
-            { "ID":103, "name":"Kitty Cat", "children":[
-                { "ID":104, "name":"Aristocat" } ]},
-            { "ID":105, "name":"Kitty Bat" } ]},
-        { "ID":106, "name":"Catwoman", "children":[
-            { "ID":107, "name":"Catalina" } ]} ]},
-    { "ID":108, "name":"Catweazle" }
-]}
-###
-
-GET http://localhost:4004/test/Genres(100)?
-# &$expand=children
-# &$expand=children($expand=children($expand=children($expand=children)))
-###
-
-DELETE http://localhost:4004/test/Genres(103)
-###
-
-DELETE http://localhost:4004/test/Genres(100)
-###

bookshop/test/requests.http

@@ -1,82 +0,0 @@
-@server = http://localhost:4004
-@me = Authorization: Basic {{$processEnv USER}}:
-
-
-### ------------------------------------------------------------------------
-# Get service info
-GET {{server}}/browse
-{{me}}
-
-
-### ------------------------------------------------------------------------
-# Get $metadata document
-GET {{server}}/browse/$metadata
-{{me}}
-
-
-### ------------------------------------------------------------------------
-# Browse Books as any user
-GET {{server}}/browse/Books?
-  # &$select=title,stock
-  # &$expand=currency
-  # &sap-language=de
-{{me}}
-
-
-### ------------------------------------------------------------------------
-# Fetch Authors as admin
-GET {{server}}/admin/Authors?
-  # &$select=name,dateOfBirth,placeOfBirth
-  # &$expand=books($select=title;$expand=currency)
-  # &$filter=ID eq 101
-  # &sap-language=de
-Authorization: Basic alice:
-
-### ------------------------------------------------------------------------
-# Create book
-POST {{server}}/admin/Books
-Content-Type: application/json;IEEE754Compatible=true
-Authorization: Basic alice:
-
-{
-  "ID": 2,
-  "title": "Poems : Pocket Poets",
-  "descr": "The Everyman's Library Pocket Poets hardcover series is popular for its compact size and reasonable price which does not compromise content. Poems: Bronte contains poems that demonstrate a sensibility elemental in its force with an imaginative discipline and flexibility of the highest order. Also included are an Editor's Note and an index of first lines.",
-  "author": { "ID": 101 },
-  "genre": { "ID": 12 },
-  "stock": 5,
-  "price": "12.05",
-  "currency": { "code": "USD" }
-}
-
-
-### ------------------------------------------------------------------------
-# Put image to books
-PUT {{server}}/admin/Books(2)/image
-Content-Type: image/png
-Authorization: Basic alice:
-
-data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAADcCAYAAAAbWs+BAAAGwElEQVR4Ae3cwZFbNxBFUY5rkrDTmKAUk5QT03Aa44U22KC7NHptw+DRikVAXf8fzC3u8Hj4R4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgZzAW26USQT+e4HPx+Mz+RRvj0e0kT+SD2cWAQK1gOBqH6sEogKCi3IaRqAWEFztY5VAVEBwUU7DCNQCgqt9rBKICgguymkYgVpAcLWPVQJRAcFFOQ0jUAsIrvaxSiAqILgop2EEagHB1T5WCUQFBBflNIxALSC42scqgaiA4KKchhGoBQRX+1glEBUQXJTTMAK1gOBqH6sEogKCi3IaRqAWeK+Xb1z9iN558fHxcSPS9p2ezx/ROz4e4TtIHt+3j/61hW9f+2+7/+UXbifjewIDAoIbQDWSwE5AcDsZ3xMYEBDcAKqRBHYCgtvJ+J7AgIDgBlCNJLATENxOxvcEBgQEN4BqJIGdgOB2Mr4nMCAguAFUIwnsBAS3k/E9gQEBwQ2gGklgJyC4nYzvCQwICG4A1UgCOwHB7WR8T2BAQHADqEYS2AkIbifjewIDAoIbQDWSwE5AcDsZ3xMYEEjfTzHwiK91B8npd6Q8n8/oGQ/ckRJ9vvQwv3BpUfMIFAKCK3AsEUgLCC4tah6BQkBwBY4lAmkBwaVFzSNQCAiuwLFEIC0guLSoeQQKAcEVOJYIpAUElxY1j0AhILgCxxKBtIDg0qLmESgEBFfgWCKQFhBcWtQ8AoWA4AocSwTSAoJLi5pHoBAQXIFjiUBaQHBpUfMIFAKCK3AsEUgLCC4tah6BQmDgTpPsHSTFs39p6fQ7Q770UsV/Ov19X+2OFL9wxR+rJQJpAcGlRc0jUAgIrsCxRCAtILi0qHkECgHBFTiWCKQFBJcWNY9AISC4AscSgbSA4NKi5hEoBARX4FgikBYQXFrUPAKFgOAKHEsE0gKCS4uaR6AQEFyBY4lAWkBwaVHzCBQCgitwLBFICwguLWoegUJAcAWOJQJpAcGlRc0jUAgIrsCxRCAt8J4eePq89B0ar3ZnyOnve/rfn1+400/I810lILirjtPLnC4guNNPyPNdJSC4q47Ty5wuILjTT8jzXSUguKuO08ucLiC400/I810lILirjtPLnC4guNNPyPNdJSC4q47Ty5wuILjTT8jzXSUguKuO08ucLiC400/I810lILirjtPLnC4guNNPyPNdJSC4q47Ty5wuILjTT8jzXSUguKuO08ucLiC400/I810l8JZ/m78+szP/zI47fJo7Q37vgJ7PHwN/07/3TOv/9gu3avhMYFhAcMPAxhNYBQS3avhMYFhAcMPAxhNYBQS3avhMYFhAcMPAxhNYBQS3avhMYFhAcMPAxhNYBQS3avhMYFhAcMPAxhNYBQS3avhMYFhAcMPAxhNYBQS3avhMYFhAcMPAxhNYBQS3avhMYFhAcMPAxhNYBQS3avhMYFhAcMPAxhNYBQS3avhMYFhg4P6H9J0maYHXuiMlrXf+vOfA33Turf3C5SxNItAKCK4lsoFATkBwOUuTCLQCgmuJbCCQExBcztIkAq2A4FoiGwjkBASXszSJQCsguJbIBgI5AcHlLE0i0AoIriWygUBOQHA5S5MItAKCa4lsIJATEFzO0iQCrYDgWiIbCOQEBJezNIlAKyC4lsgGAjkBweUsTSLQCgiuJbKBQE5AcDlLkwi0Akff//Dz6U+/I6U1/sUNr3bnytl3kPzi4bXb/cK1RDYQyAkILmdpEoFWQHAtkQ0EcgKCy1maRKAVEFxLZAOBnIDgcpYmEWgFBNcS2UAgJyC4nKVJBFoBwbVENhDICQguZ2kSgVZAcC2RDQRyAoLLWZpEoBUQXEtkA4GcgOByliYRaAUE1xLZQCAnILicpUkEWgHBtUQ2EMgJCC5naRKBVkBwLZENBHIC/4M7TXIv+3PS22d24qvdQfL3C/7N5P5i/MLlLE0i0AoIriWygUBOQHA5S5MItAKCa4lsIJATEFzO0iQCrYDgWiIbCOQEBJezNIlAKyC4lsgGAjkBweUsTSLQCgiuJbKBQE5AcDlLkwi0AoJriWwgkBMQXM7SJAKtgOBaIhsI5AQEl7M0iUArILiWyAYCOQHB5SxNItAKCK4lsoFATkBwOUuTCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAvyrwDySEJ2VQgUSoAAAAAElFTkSuQmCC
-
-
-### ------------------------------------------------------------------------
-# Reading image from from the server directly
-GET {{server}}/browse/Books(2)/image
-
-
-### ------------------------------------------------------------------------
-# Submit Order as authenticated user
-# (send that three times to get out-of-stock message)
-POST {{server}}/browse/submitOrder
-Content-Type: application/json
-{{me}}
-
-{ "book":201, "amount":5 }
-
-
-### ------------------------------------------------------------------------
-# Browse Genres
-GET {{server}}/browse/Genres?
-# &$filter=parent_ID eq null&$select=name
-# &$expand=children($select=name)
-{{me}}

chinook/.env

@@ -1,3 +0,0 @@
-# REVISIT: This is not a good practice -> don't do it that way, we just did it to save some time :)
-ACCESS_TOKEN_SECRET=secret
-REFRESH_TOKEN_SECRET=refresh-secret

chinook/.gitignore

@@ -1,35 +0,0 @@
-# CAP media-store
-_out
-*.db
-connection.properties
-default-*.json
-gen/
-node_modules/
-target/
-package-lock.json
-app/build
-
-# html5Deployer
-app/deployers/html5Deployer/resources/
-
-# Web IDE, App Studio
-.che/
-.gen/
-
-# MTA
-*_mta_build_tmp
-*.mtar
-*.mta
-mta_archives/
-
-# Other
-.DS_Store
-*.orig
-*.log
-
-*.iml
-*.flattened-pom.xml
-
-# IDEs
-# .vscode
-# .idea

chinook/.vscode/extensions.json

@@ -1,20 +0,0 @@
-{
-	// See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
-	// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
-
-	// List of extensions which should be recommended for users of this workspace.
-	"recommendations": [
-		// >>>>>>>> Add CDS Editor here as soon it is available of vscode marketplace!,
-		"dbaeumer.vscode-eslint",
-		"esbenp.prettier-vscode",
-		"mechatroner.rainbow-csv",
-		"humao.rest-client",
-		"alexcvzz.vscode-sqlite",
-		"hbenl.vscode-mocha-test-adapter",
-		"sdras.night-owl"
-	],
-	// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
-	"unwantedRecommendations": [
-
-	]
-}

chinook/.vscode/launch.json

@@ -1,17 +0,0 @@
-{
-  // Use IntelliSense to learn about possible attributes.
-  // Hover to view descriptions of existing attributes.
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-  "version": "0.2.0",
-  "configurations": [
-
-   
-    {
-      "command": "cds run --with-mocks --in-memory?",
-      "name": "cds run",
-      "request": "launch",
-      "type": "node-terminal",
-      "skipFiles": ["<node_internals>/**"]
-    }
-  ]
-}

chinook/.vscode/settings.json

@@ -1,8 +0,0 @@
-{
-  "files.exclude": {
-    "**/.gitignore": true,
-    "**/.git": true,
-    "**/.vscode": true
-  },
-  "files.watcherExclude": {}
-}

chinook/.vscode/tasks.json

@@ -1,25 +0,0 @@
-{
-  // See https://go.microsoft.com/fwlink/?LinkId=733558
-  // for the documentation about the tasks.json format
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "type": "shell",
-      "label": "cds watch",
-      "command": "cds",
-      "args": ["watch"],
-      "group": {
-        "kind": "build",
-        "isDefault": true
-      },
-      "problemMatcher": []
-    },
-    {
-      "type": "shell",
-      "label": "cds run",
-      "command": "cds",
-      "args": ["run", "--with-mocks", "--in-memory?"],
-      "problemMatcher": []
-    }
-  ]
-}

chinook/README.md

@@ -1,96 +0,0 @@
-# Getting Started
-
-Welcome to your new project.
-
-It contains these folders and files, following our recommended project layout:
-
-| File or Folder   | Purpose                              |
-| ---------------- | ------------------------------------ |
-| `app/`           | will contain compiled front bundles  |
-| `app/front/`     | contains frontend app on react       |
-| `app/deployers/` | contains deployment stuff            |
-| `db/`            | your domain models and data go here  |
-| `srv/`           | your service models and code go here |
-| `test/`          | your services tests                  |
-| `package.json`   | project metadata and configuration   |
-| `mta.yaml`       | deployment config                    |
-| `readme.md`      | this getting started guide           |
-| `server.js`      | initial server set up                |
-
-## Development
-
-- Start cds service on 4004 port in watch mode:
-
-```json
-cds watch
-```
-
-- Open `app/front` folder and run next commands. This will install dependencies and run frontend src files watcher. When you will change src files your bundles in app directory will re-compiled. Now you can enjoy development:
-
-```json
-npm install
-npm run watch
-```
-
-> For better frontend development experience use below command instead of watcher. This will start frontend dev server on 3000 port. Now your bundles will be hot reloaded, this means you do not need reload the page to see changes:
->
-> ```json
-> npm run start
-> ```
-
-## Test
-
-- Change package.json db section
-
-```json
-  "db": {
-    "kind": "sql"
-  }
-```
-
-- Run tests
-
-```json
-npm run test
-```
-
-## Deployment
-
-- Make sure you already have hana trial instance in your cockpit dashboard (SAP Cloud Platform).
-  Or if you are using hana instance - change it in mta.yaml config file from hanatrial to hana
-- Change package.json db section
-
-```json
-  "db": {
-    "kind": "hana"
-  }
-```
-
-- Authenticate to the Cloud Foundry:
-
-```json
-cf login
-```
-
-- Open `app/front` folder and run the following commands. This will create frontend production bundles in app subfolder:
-
-```json
-npm install
-npm run build:prod
-```
-
-- Clean up app/deployers/html5Deployer/resources folder from the previous frontend build
-
-- From root directory run:
-
-```json
-mbt build -t ./
-cf deploy media-store_1.0.0.mtar
-```
-
-- Now your services should be deployed with hanatrial instance and filled with initial data
-
-## Learn More
-
-- [Learn more about CAP](https://cap.cloud.sap/docs/get-started/)
-- [Deploying to Cloud Foundry](https://cap.cloud.sap/docs/advanced/deploy-to-cloud)

chinook/app/deployers/approuter/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "media-store-approuter",
-  "description": "Approuter",
-  "version": "1.0.0",
-  "dependencies": {
-    "@sap/approuter": "^6.8.2"
-  },
-  "scripts": {
-    "start": "node node_modules/@sap/approuter/approuter.js"
-  }
-}

chinook/app/deployers/approuter/xs-app.json

@@ -1,17 +0,0 @@
-{
-  "welcomeFile": "/index.html",
-  "authenticationMethod": "none",
-  "routes": [
-    {
-      "source": "/api/(.*)",
-      "target": "$1",
-      "destination": "srv-binding",
-      "authenticationType": "none"
-    },
-    {
-      "source": "^(.*)",
-      "target": "mediastore/$1",
-      "service": "html5-apps-repo-rt"
-    }
-  ]
-}

chinook/app/deployers/html5Deployer/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "media-store-html5deployer",
-  "engines": {
-    "node": ">=6.0.0"
-  },
-  "dependencies": {
-    "@sap/html5-app-deployer": "^2.0.0"
-  },
-  "scripts": {
-    "start": "node node_modules/@sap/html5-app-deployer/index.js"
-  }
-}

chinook/app/deployers/xs-security.json

@@ -1,7 +0,0 @@
-{
-  "xsappname": "media-store-xsuaa",
-  "tenant-mode": "dedicated",
-  "scopes": [],
-  "attributes": [],
-  "role-templates": []
-}

chinook/app/front/.babelrc

@@ -1,5 +0,0 @@
-{
-    "presets": ["@babel/preset-react", "@babel/preset-env"],
-    "plugins": ["@babel/plugin-transform-runtime", "babel-plugin-syntax-dynamic-import"]
-}
-  

chinook/app/front/.eslintrc.json

@@ -1,43 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es2020": true
-  },
-  "extends": ["plugin:react/recommended", "airbnb", "prettier"],
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": 11,
-    "sourceType": "module"
-  },
-  "plugins": ["react", "prettier"],
-  "rules": {
-    "prettier/prettier": ["error", { "parser": "flow", "endOfLine": "auto" }],
-    "linebreak-style": [0, "error", "windows"],
-    "import/prefer-default-export": "off",
-    "no-shadow": "off",
-    "react/forbid-prop-types": "off",
-    "no-alert": "off",
-    "jsx-a11y/label-has-associated-control": [
-      "error",
-      {
-        "required": {
-          "some": ["nesting", "id"]
-        }
-      }
-    ],
-    "jsx-a11y/label-has-for": [
-      "error",
-      {
-        "required": {
-          "some": ["nesting", "id"]
-        }
-      }
-    ],
-    "react/jsx-props-no-spreading": "off", // props spreading,
-    "no-console": "off",
-    "consistent-return": "off",
-    "prefer-destructuring": "off"
-  }
-}

chinook/app/front/.gitignore

@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

chinook/app/front/.prettierrc

@@ -1,4 +0,0 @@
-{
-  "printWidth": 100,
-  "singleQuote": true
-}

chinook/app/front/.vscode/launch.json

@@ -1,13 +0,0 @@
-
-{
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "name": "Chrome",
-            "type": "chrome",
-            "request": "launch",
-            "url": "http://localhost:3000",
-            "webRoot": "${workspaceRoot}/src"
-        }
-    ]
-}

chinook/app/front/README.md

@@ -1 +0,0 @@
-"# Media store UI"

chinook/app/front/package.json

@@ -1,67 +0,0 @@
-{
-  "name": "mediastore",
-  "version": "0.1.0",
-  "private": false,
-  "scripts": {
-    "start": "./node_modules/.bin/webpack-dev-server --config ./webpack/webpack-dev-server.js",
-    "watch": "./node_modules/.bin/webpack -w --config ./webpack/webpack.dev.js",
-    "build:dev": "./node_modules/.bin/webpack --config ./webpack/webpack.dev.js",
-    "build:prod": "./node_modules/.bin/webpack --config ./webpack/webpack.prod.js",
-    "lint": "./node_modules/.bin/eslint"
-  },
-  "dependencies": {
-    "@ant-design/icons": "4.3.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
-    "@umijs/hooks": "^1.9.3",
-    "antd": "^4.8.2",
-    "axios": "^0.20.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "copy-webpack-plugin": "^6.3.2",
-    "css-minimizer-webpack-plugin": "^1.1.5",
-    "events": "^3.2.0",
-    "html-webpack-plugin": "^4.5.0",
-    "lodash": "^4.17.20",
-    "mini-css-extract-plugin": "^1.3.1",
-    "moment": "^2.29.1",
-    "prop-types": "^15.7.2",
-    "react": "^16.14.0",
-    "react-dev-utils": "^11.0.1",
-    "react-dom": "^16.14.0",
-    "react-refresh": "^0.9.0",
-    "react-router-dom": "^5.2.0",
-    "terser-webpack-plugin": "^5.0.3",
-    "webpack": "5.8.0",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^5.4.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.12.7",
-    "@babel/preset-react": "^7.12.7",
-    "@babel/runtime": "^7.12.5",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-syntax-dynamic-import": "^6.18.0",
-    "cowsay": "^1.4.0",
-    "css-loader": "^5.0.1",
-    "eslint": "^7.14.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "prettier": "^2.2.1",
-    "style-loader": "^2.0.0",
-    "url-loader": "^4.1.1",
-    "webpack-cli": "^3.3.12"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  }
-}

chinook/app/front/public/index.html

@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="theme-color" content="#000000" />
-  <meta
-    name="description"
-    content="Web site created using create-react-app" />
-  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-  <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-  <title>React App</title>
-</head>
-
-<body>
-  <noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root"></div>
-  <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-</body>
-
-</html>

chinook/app/front/public/manifest.json

@@ -1,31 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff",
-  "sap.app": {
-    "id": "mediastore",
-    "applicationVersion": {
-      "version": "1.0.0"
-    }
-  }
-}

chinook/app/front/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

chinook/app/front/public/xs-app.json

@@ -1,10 +0,0 @@
-{
-  "welcomeFile": "/index.html",
-  "routes": [
-    {
-      "source": "^(.*)",
-      "target": "$1",
-      "service": "html5-apps-repo-rt"
-    }
-  ]
-}

chinook/app/front/src/App.css

@@ -1,57 +0,0 @@
-@import "~antd/dist/antd.css";
-
-html {
-  overflow: hidden;
-}
-#root {
-  height: 100%;
-}
-section.ant-layout {
-  height: 100vh;
-  overflow: auto;
-}
-
-/* Layout
-*/
-.site-layout .site-layout-background {
-  background: #fff;
-}
-
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

chinook/app/front/src/App.jsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import 'antd/dist/antd.css';
-import './App.css';
-import { Layout } from 'antd';
-import { MyRouter } from './components/Router';
-import { AppStateContextProvider } from './contexts/AppStateContext';
-
-const App = () => {
-  return (
-    <Layout style={{ height: '100%' }}>
-      <AppStateContextProvider>
-        <MyRouter />
-      </AppStateContextProvider>
-    </Layout>
-  );
-};
-
-export default App;

chinook/app/front/src/api/axiosInstance.js

@@ -1,168 +0,0 @@
-import axios from 'axios';
-import { getUserFromLS, getLocaleFromLS } from '../util/localStorageService';
-import { emitter } from '../util/EventEmitter';
-
-const TIMEOUT = 2000;
-const RETRY_COUNT = 3;
-
-/**
- * This is axios instance
- */
-const axiosInstance = axios.create({
-  baseURL: process.env.SERVICE_URL,
-  timeout: TIMEOUT,
-  retryDelay: TIMEOUT,
-  retry: RETRY_COUNT,
-});
-
-/**
- * Changing user axios default params,
- * which are used in api call functions (calls.js)
- * @param {*} currentUser current user from react state and local storage
- */
-function changeUserDefaults(currentUser) {
-  if (currentUser) {
-    axiosInstance.defaults.headers.common.Authorization = `Basic ${currentUser.accessToken}`;
-    axiosInstance.defaults.userID = currentUser.ID;
-    if (currentUser.roles.includes('customer')) {
-      axiosInstance.defaults.userEntity = `Customers/${currentUser.ID}`;
-      axiosInstance.defaults.tracksEntity = 'MarkedTracks';
-    } else {
-      axiosInstance.defaults.userEntity = `Employees/${currentUser.ID}`;
-      axiosInstance.defaults.tracksEntity = 'Tracks';
-    }
-  } else {
-    axiosInstance.defaults.tracksEntity = 'Tracks';
-  }
-}
-/**
- * This func changing axios instance default params
- * @param {*} locale current locale from react state and local storage
- */
-function changeLocaleDefaults(locale) {
-  if (locale) {
-    axiosInstance.defaults.headers.common['Accept-language'] = locale;
-  }
-}
-
-/**
- * Init axios defaults
- */
-const user = getUserFromLS();
-const locale = getLocaleFromLS();
-changeUserDefaults(user);
-changeLocaleDefaults(locale);
-
-/**
- * Retry request if response time is too long
- * See link below
- * {@link https://github.com/axios/axios/issues/164#issuecomment-327837467 GitHub}
- * @param {*} err response error object
- */
-function axiosRetryInterceptor(err) {
-  const config = err.config;
-  // If config does not exist or the retry option is not set, reject
-  if (config && config.retry) {
-    // Set the variable for keeping track of the retry count
-    config.retryCount = config.retryCount || 0;
-
-    // Check if we've maxed out the total number of retries
-    if (config.retryCount >= config.retry) {
-      // Reject with the error
-      return Promise.reject(err);
-    }
-
-    // Increase the retry count
-    config.retryCount += 1;
-
-    // Create new promise to handle exponential backoff
-    const backoff = new Promise((resolve) => {
-      setTimeout(() => {
-        resolve();
-      }, config.retryDelay || 1);
-    });
-
-    // Return the promise in which recalls axios to retry the request
-    return backoff.then(() => {
-      return axios(config);
-    });
-  }
-}
-
-/**
- * Things below needed for refresh tokens mechanism implementation
- */
-let isRefreshing = false;
-let subscribers = [];
-const refreshTokens = (refreshToken) => {
-  return axiosInstance.post(
-    'users/refreshTokens',
-    { refreshToken },
-    {
-      headers: { 'content-type': 'application/json' },
-    }
-  );
-};
-
-/**
- * Refresh tokens interceptor
- * See link below
- * {@link https://gist.github.com/mkjiau/650013a99c341c9f23ca00ccb213db1c#gistcomment-3536511 GitHub}
- * @param {*} error error response object
- */
-function axiosRefreshTokensInterceptor(error) {
-  const originalRequest = error.config;
-  const user = getUserFromLS();
-
-  if (error.response && error.response.status === 401 && !!user) {
-    if (originalRequest.url === 'users/login') {
-      return Promise.reject(error);
-    }
-
-    // if users/refreshTokens request failed
-    if (isRefreshing && originalRequest.url === 'users/refreshTokens') {
-      subscribers.forEach((request) => request.reject(error));
-      subscribers = [];
-      isRefreshing = false;
-      return Promise.reject(error);
-    }
-
-    // if got a 401 error we sending users/refreshTokens request
-    if (!isRefreshing) {
-      isRefreshing = true;
-
-      refreshTokens(user.refreshToken)
-        .then((response) => {
-          emitter.emit('UPDATE_USER', response.data);
-          subscribers.forEach((request) => request.resolve(response.data.accessToken));
-          subscribers = [];
-          isRefreshing = false;
-        })
-        .catch(() => {
-          emitter.emit('UPDATE_USER', undefined);
-        });
-    }
-
-    // holding requests which should be sended after users/refreshTokens complete
-    // otherwise if users/refreshTokens failed an error will be thrown
-    return new Promise((resolve, reject) => {
-      subscribers.push({
-        resolve: (newAccessToken) => {
-          originalRequest.headers.Authorization = `Basic ${newAccessToken}`;
-          resolve(axiosInstance(originalRequest));
-        },
-        reject: (err) => {
-          reject(err);
-        },
-      });
-    });
-  }
-}
-
-axiosInstance.interceptors.response.use(null, (error) => {
-  return (
-    axiosRefreshTokensInterceptor(error) || axiosRetryInterceptor(error) || Promise.reject(error)
-  );
-});
-
-export { axiosInstance, changeLocaleDefaults, changeUserDefaults };

chinook/app/front/src/api/calls.js

@@ -1,164 +0,0 @@
-import { isEmpty } from 'lodash';
-import { axiosInstance } from './axiosInstance';
-
-const BROWSE_TRACKS_SERVICE = 'browse-tracks';
-const INVOICES_SERVICE = 'browse-invoices';
-const USER_SERVICE = 'users';
-const MANAGE_STORE = 'manage-store';
-
-const constructGenresQuery = (genreIds) => {
-  return !isEmpty(genreIds)
-    ? ` and ${genreIds.map((value) => `genre_ID eq ${value}`).join(' or ')}`
-    : '';
-};
-
-const fetchTacks = ({ $top = 20, $skip = 0, genreIds = [], substr = '' } = {}) => {
-  const serializeTracksUrl = () => {
-    return `$expand=genre,album($expand=artist)&$top=${$top}&$skip=${$skip}&$filter=${`contains(name,'${substr}')${constructGenresQuery(
-      genreIds
-    )}`}`;
-  };
-
-  return axiosInstance.get(`${BROWSE_TRACKS_SERVICE}/${axiosInstance.defaults.tracksEntity}`, {
-    params: {},
-    paramsSerializer: () => serializeTracksUrl(),
-  });
-};
-
-const countTracks = ({ genreIds = [], substr = '' } = {}) => {
-  const { tracksEntity } = axiosInstance.defaults;
-
-  return axiosInstance.get(
-    `${BROWSE_TRACKS_SERVICE}/${tracksEntity}/$count?$filter=${`contains(name,'${substr}')${constructGenresQuery(
-      genreIds
-    )}`}`
-  );
-};
-
-const fetchGenres = () => {
-  return axiosInstance.get(`${BROWSE_TRACKS_SERVICE}/Genres`);
-};
-
-const invoice = (tracks) => {
-  return axiosInstance.post(
-    `${INVOICES_SERVICE}/invoice`,
-    {
-      tracks,
-    },
-    {
-      headers: { 'content-type': 'application/json' },
-    }
-  );
-};
-
-const fetchPerson = () => {
-  return axiosInstance.get(`${USER_SERVICE}/${axiosInstance.defaults.userEntity}`);
-};
-
-const confirmPerson = (person) => {
-  return axiosInstance.put(
-    `${USER_SERVICE}/${axiosInstance.defaults.userEntity}`,
-    {
-      ...person,
-    },
-    {
-      headers: { 'content-type': 'application/json' },
-    }
-  );
-};
-
-const fetchInvoices = () => {
-  return axiosInstance.get(
-    `${INVOICES_SERVICE}/Invoices?$expand=invoiceItems($expand=track($expand=album($expand=artist)))`
-  );
-};
-
-const cancelInvoice = (ID) => {
-  return axiosInstance.post(
-    `${INVOICES_SERVICE}/cancelInvoice`,
-    {
-      ID,
-    },
-    {
-      headers: { 'content-type': 'application/json' },
-    }
-  );
-};
-
-const fetchAlbumsByName = (substr = '', top) => {
-  return axiosInstance.get(
-    `${BROWSE_TRACKS_SERVICE}/Albums?$filter=${`contains(title,'${substr}')&$top=${top}`}`
-  );
-};
-
-const addTrack = (data) => {
-  return axiosInstance.post(`${MANAGE_STORE}/Tracks`, data, {
-    headers: { 'content-type': 'application/json;IEEE754Compatible=true' },
-  });
-};
-
-const addArtist = (data) => {
-  return axiosInstance.post(`${MANAGE_STORE}/Artists`, data, {
-    headers: { 'content-type': 'application/json' },
-  });
-};
-
-const addAlbum = (data) => {
-  return axiosInstance.post(`${MANAGE_STORE}/Albums`, data, {
-    headers: { 'content-type': 'application/json' },
-  });
-};
-
-const fetchArtistsByName = (substr = '', top) => {
-  return axiosInstance.get(
-    `${MANAGE_STORE}/Artists?$filter=${`contains(name,'${substr}')&$top=${top}`}`
-  );
-};
-
-const login = (data) => {
-  return axiosInstance.post(`${USER_SERVICE}/login`, data, {
-    headers: { 'content-type': 'application/json' },
-  });
-};
-
-const updateTrack = (track) => {
-  return axiosInstance.put(
-    `${MANAGE_STORE}/Tracks/${track.ID}`,
-    {
-      ...track,
-    },
-    {
-      headers: { 'content-type': 'application/json;IEEE754Compatible=true' },
-    }
-  );
-};
-
-const getTrack = (ID) => {
-  return axiosInstance.get(
-    `${BROWSE_TRACKS_SERVICE}/${axiosInstance.defaults.tracksEntity}/${ID}?$expand=genre,album($expand=artist)`
-  );
-};
-
-const deleteTrack = (ID) => {
-  return axiosInstance.delete(`${MANAGE_STORE}/Tracks(${ID})`);
-};
-
-export {
-  fetchTacks,
-  countTracks,
-  fetchGenres,
-  invoice,
-  fetchPerson,
-  confirmPerson,
-  fetchInvoices,
-  cancelInvoice,
-  fetchAlbumsByName,
-  addTrack,
-  addArtist,
-  addAlbum,
-  fetchArtistsByName,
-  login,
-  updateTrack,
-  getTrack,
-  deleteTrack,
-};

chinook/app/front/src/components/ErrorPage.jsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { isEmpty } from 'lodash';
-import { Result, Button } from 'antd';
-import { useAppState } from '../hooks/useAppState';
-
-const ErrorPage = () => {
-  const { error, setError } = useAppState();
-  const history = useHistory();
-
-  const onGoHome = () => {
-    setError({});
-    history.push('/');
-  };
-
-  const goLoginPage = () => {
-    setError({});
-    history.push('/login');
-  };
-
-  const goHomeButton = (
-    <Button onClick={onGoHome} key={1} type="primary">
-      Back Home
-    </Button>
-  );
-  const goLoginButton = (
-    <Button onClick={goLoginPage} key={2} type="primary">
-      Login
-    </Button>
-  );
-
-  const errorResultProps = isEmpty(error)
-    ? {
-        status: 404,
-        title: 'Not found',
-        subTitle: 'Sorry, the page you visited does not exist.',
-        extra: goHomeButton,
-      }
-    : {
-        status: [404, 403, 500].includes(error.status) ? error.status : 'error',
-        title: error.statusText,
-        subTitle: error.message,
-        extra: error.status === 401 ? [goHomeButton, goLoginButton] : goHomeButton,
-      };
-
-  return <Result {...errorResultProps} />;
-};
-
-export default ErrorPage;

chinook/app/front/src/components/Header.css

@@ -1,3 +0,0 @@
-.ant-menu-item .anticon {
-  margin: 0;
-}

chinook/app/front/src/components/Header.jsx

@@ -1,141 +0,0 @@
-import React from 'react';
-import { Menu, Badge, Spin, message } from 'antd';
-import { isEmpty } from 'lodash';
-import {
-  CreditCardOutlined,
-  LogoutOutlined,
-  LoginOutlined,
-  LoadingOutlined,
-} from '@ant-design/icons';
-import { useHistory, useLocation } from 'react-router-dom';
-import { useAppState } from '../hooks/useAppState';
-import { setLocaleToLS } from '../util/localStorageService';
-import { changeLocaleDefaults } from '../api/axiosInstance';
-import { emitter } from '../util/EventEmitter';
-import './Header.css';
-import { requireEmployee, requireCustomer, MESSAGE_TIMEOUT } from '../util/constants';
-
-const { SubMenu } = Menu;
-
-const keys = ['/', '/person', '/login', '/manage', '/invoice', '/invoices'];
-const AVAILABLE_LOCALES = ['en', 'fr', 'de'];
-const RELOAD_LOCATION_NUMBER = 0;
-
-const Header = () => {
-  const history = useHistory();
-  const location = useLocation();
-  const { user, invoicedItems, locale, setLocale, loading } = useAppState();
-  const currentKey = [keys.find((key) => key === location.pathname)];
-  const haveInvoicedItems = !isEmpty(invoicedItems);
-  const invoicedItemsLength = invoicedItems.length;
-
-  const onChangeLocale = (value) => {
-    setLocaleToLS(value);
-    changeLocaleDefaults(value);
-    setLocale(value);
-    history.go(RELOAD_LOCATION_NUMBER);
-  };
-  const localeElements = AVAILABLE_LOCALES.filter((localeName) => localeName !== locale).map(
-    (curLocale) => (
-      <Menu.Item key={curLocale} onClick={() => onChangeLocale(curLocale)}>
-        {curLocale}
-      </Menu.Item>
-    )
-  );
-
-  const onUserLogout = () => {
-    emitter.emit('UPDATE_USER', undefined);
-    message.warn(
-      'Now you are not authenticated. Log in to use full functionality',
-      MESSAGE_TIMEOUT
-    );
-    history.push('/');
-  };
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        justifyContent: 'baseline',
-        alignItems: 'center',
-        paddingLeft: '15vh',
-        paddingRight: '15vh',
-        background: 'white',
-      }}
-    >
-      <Menu theme="light" mode="horizontal" style={{ width: '50%' }} selectedKeys={currentKey}>
-        <Menu.Item key="/" onClick={() => history.push('/')}>
-          Browse
-        </Menu.Item>
-
-        {!!user && (
-          <Menu.Item key="/person" onClick={() => history.push('/person')}>
-            Profile
-          </Menu.Item>
-        )}
-        {requireCustomer(user) && (
-          <Menu.Item key="/invoices" onClick={() => history.push('/invoices')}>
-            Invoices
-          </Menu.Item>
-        )}
-        {requireEmployee(user) && (
-          <Menu.Item key="/manage" onClick={() => history.push('/manage')}>
-            Manages
-          </Menu.Item>
-        )}
-      </Menu>
-
-      <Menu
-        style={{ width: '50%', display: 'flex', justifyContent: 'flex-end' }}
-        theme="light"
-        mode="horizontal"
-        selectedKeys={currentKey}
-      >
-        <Menu.Item>
-          {loading && <Spin indicator={<LoadingOutlined style={{ fontSize: 24 }} spin />} />}
-        </Menu.Item>
-        {haveInvoicedItems && (
-          <Menu.Item
-            style={{
-              width: 40,
-              display: 'flex',
-              justifyContent: 'center',
-            }}
-            onClick={() => history.push('/invoice')}
-            key="/invoice"
-          >
-            <div
-              style={{
-                height: '100%',
-              }}
-            >
-              <Badge
-                size="default"
-                style={{ backgroundColor: '#2db7f5' }}
-                count={invoicedItemsLength}
-              >
-                <CreditCardOutlined style={{ fontSize: 16 }} />
-              </Badge>
-            </div>
-          </Menu.Item>
-        )}
-        <SubMenu title={locale}>{localeElements}</SubMenu>
-        {user ? (
-          <Menu.Item
-            onClick={onUserLogout}
-            danger
-            icon={<LogoutOutlined style={{ fontSize: 16 }} />}
-          />
-        ) : (
-          <Menu.Item
-            key="/login"
-            onClick={() => history.push('/login')}
-            icon={<LoginOutlined style={{ fontSize: 16 }} />}
-          />
-        )}
-      </Menu>
-    </div>
-  );
-};
-
-export default Header;

chinook/app/front/src/components/InvoicePage.jsx

@@ -1,101 +0,0 @@
-import React from 'react';
-import { Table, Button, message } from 'antd';
-import { useHistory } from 'react-router-dom';
-import { useAppState } from '../hooks/useAppState';
-import { invoice } from '../api/calls';
-import { useErrors } from '../hooks/useErrors';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-
-const columns = [
-  {
-    title: 'Name',
-    dataIndex: 'name',
-  },
-  {
-    title: 'Artist',
-    dataIndex: 'artist',
-  },
-  {
-    title: 'Album',
-    dataIndex: 'albumTitle',
-  },
-  {
-    title: 'Price',
-    dataIndex: 'unitPrice',
-  },
-];
-
-const InvoicePage = () => {
-  const history = useHistory();
-  const { handleError } = useErrors();
-  const { user, invoicedItems, setInvoicedItems, setLoading } = useAppState();
-
-  const data = invoicedItems.map(({ ID, ...otherProps }) => ({
-    key: `invoiceItem${ID}`,
-    ...otherProps,
-  }));
-
-  const onBuy = () => {
-    setLoading(true);
-    invoice(
-      invoicedItems.map(({ ID }) => ({
-        ID,
-      }))
-    )
-      .then(() => {
-        setInvoicedItems([]);
-        message.success('Invoice successfully completed', MESSAGE_TIMEOUT);
-        history.push('/invoices');
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-  const onCancel = () => {
-    setInvoicedItems([]);
-    history.push('/');
-  };
-  const goLogin = () => {
-    history.push('/login');
-  };
-
-  return (
-    <div style={{ backgroundColor: 'white', padding: 10 }}>
-      <Table
-        bordered={false}
-        pagination={false}
-        columns={columns}
-        dataSource={data}
-        size="middle"
-        footer={() => (
-          <div
-            style={{
-              display: 'flex',
-              justifyContent: 'flex-end',
-              padding: 5,
-            }}
-          >
-            {user ? (
-              <>
-                <Button type="primary" size="large" onClick={onBuy}>
-                  Buy
-                </Button>
-                <Button size="large" style={{ marginLeft: 5 }} onClick={onCancel} danger>
-                  Cancel
-                </Button>
-              </>
-            ) : (
-              <section>
-                <Button type="primary" size="large" onClick={goLogin}>
-                  Login
-                </Button>
-                <span> to buy selected</span>
-              </section>
-            )}
-          </div>
-        )}
-      />
-    </div>
-  );
-};
-
-export default InvoicePage;

chinook/app/front/src/components/Login.jsx

@@ -1,107 +0,0 @@
-import React from 'react';
-import { Form, Input, Button, Checkbox, message } from 'antd';
-import { useHistory } from 'react-router-dom';
-import { login } from '../api/calls';
-import { useAppState } from '../hooks/useAppState';
-import { useErrors } from '../hooks/useErrors';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-import { emitter } from '../util/EventEmitter';
-
-const layout = {
-  labelCol: {
-    span: 8,
-  },
-  wrapperCol: {
-    span: 8,
-  },
-};
-const tailLayout = {
-  wrapperCol: {
-    offset: 8,
-    span: 8,
-  },
-};
-
-const Login = () => {
-  const [form] = Form.useForm();
-  const history = useHistory();
-  const { setLoading, setInvoicedItems } = useAppState();
-  const { handleError } = useErrors();
-
-  const onFinish = (values) => {
-    setLoading(true);
-    login({ email: values.email, password: values.password })
-      .then(({ data: user }) => {
-        emitter.emit('UPDATE_USER', user);
-        if (user.roles.includes('employee')) {
-          setInvoicedItems([]);
-        }
-        history.push('/');
-      })
-      .catch((error) => {
-        console.log(error);
-        if (error.response && error.response.status === 401) {
-          form.resetFields();
-          message.error('Invalid credentials!', MESSAGE_TIMEOUT);
-        } else {
-          handleError(error);
-        }
-      })
-      .finally(() => setLoading(false));
-  };
-
-  const onFinishFailed = (errorInfo) => {
-    console.log('Validation Failed:', errorInfo);
-  };
-
-  return (
-    <Form
-      form={form}
-      {...layout}
-      name="basic"
-      initialValues={{
-        remember: true,
-      }}
-      onFinish={onFinish}
-      onFinishFailed={onFinishFailed}
-    >
-      <Form.Item
-        label="Email"
-        name="email"
-        rules={[
-          {
-            required: true,
-            message: 'Please input your email!',
-          },
-        ]}
-      >
-        <Input />
-      </Form.Item>
-
-      <Form.Item
-        label="Password"
-        name="password"
-        rules={[
-          {
-            required: true,
-            message: 'Please input your password!',
-          },
-        ]}
-      >
-        <Input.Password style={{}} />
-      </Form.Item>
-
-      <Form.Item {...tailLayout} name="remember" valuePropName="checked">
-        <Checkbox>Remember me</Checkbox>
-      </Form.Item>
-
-      <Form.Item {...tailLayout}>
-        <Button type="primary" htmlType="submit">
-          Submit
-        </Button>
-      </Form.Item>
-    </Form>
-  );
-};
-
-export default Login;

chinook/app/front/src/components/ManageStore.jsx

@@ -1,115 +0,0 @@
-import React, { useState, useMemo, useEffect } from 'react';
-import { Form, Radio, Button, message } from 'antd';
-import { TrackForm } from './manage-store/TrackForm';
-import { AddArtistForm } from './manage-store/AddArtistForm';
-import { AddAlbumForm } from './manage-store/AddAlbumForm';
-import { useErrors } from '../hooks/useErrors';
-import { useAppState } from '../hooks/useAppState';
-import { addTrack, addArtist, addAlbum } from '../api/calls';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-
-const FORM_TYPES = {
-  track: 'track',
-  artist: 'artist',
-  album: 'album',
-  playlist: '',
-};
-
-const chooseForm = (type) => {
-  return (
-    (type === 'track' && <TrackForm />) ||
-    (type === 'artist' && <AddArtistForm />) ||
-    (type === 'album' && <AddAlbumForm />)
-  );
-};
-
-const ManageStore = () => {
-  const [form] = Form.useForm();
-  const { handleError } = useErrors();
-  const { setLoading } = useAppState();
-  const [formType, setFormType] = useState('track');
-
-  useEffect(() => {
-    form.resetFields();
-  }, [formType]);
-
-  const formElement = useMemo(() => {
-    return chooseForm(formType);
-  }, [formType]);
-
-  const onChangeForm = (event) => {
-    setFormType(event.target.value);
-  };
-
-  const sendCreateRequest = ({ type, ...data }) => {
-    setLoading(true);
-
-    let promise;
-    switch (type) {
-      case FORM_TYPES.track:
-        promise = addTrack({
-          name: data.name,
-          composer: data.composer,
-          album: { ID: data.albumID },
-          genre: { ID: data.genreID },
-          unitPrice: data.unitPrice.toString(),
-        });
-        break;
-      case FORM_TYPES.artist:
-        promise = addArtist(data);
-        break;
-      case FORM_TYPES.album:
-        promise = addAlbum({ title: data.name, artist: { ID: data.artistID } });
-        break;
-      default:
-    }
-
-    promise
-      .then(() => {
-        message.success('Entity successfully created', MESSAGE_TIMEOUT);
-        form.resetFields();
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-
-  return (
-    <Form
-      style={{ width: 700 }}
-      form={form}
-      labelCol={{
-        span: 4,
-      }}
-      wrapperCol={{
-        span: 14,
-      }}
-      layout="horizontal"
-      initialValues={{
-        type: formType,
-      }}
-      type={formType}
-      onFinish={sendCreateRequest}
-      onFinishFailed={() => console.log('Not valid params provided')}
-    >
-      <Form.Item label="Entity" name="type">
-        <Radio.Group onChange={onChangeForm}>
-          <Radio.Button value="track">Track</Radio.Button>
-          <Radio.Button value="album">Album</Radio.Button>
-          <Radio.Button value="artist">Artist</Radio.Button>
-        </Radio.Group>
-      </Form.Item>
-      {formElement}
-      <Form.Item
-        type="primary"
-        wrapperCol={{
-          span: 14,
-          offset: 4,
-        }}
-      >
-        <Button onClick={() => form.submit()}>Create</Button>
-      </Form.Item>
-    </Form>
-  );
-};
-
-export default ManageStore;

chinook/app/front/src/components/MyInvoicesPage.jsx

@@ -1,170 +0,0 @@
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { Button, message, Tag, Collapse, Table, Spin } from 'antd';
-import moment from 'moment';
-import { useErrors } from '../hooks/useErrors';
-import { useAppState } from '../hooks/useAppState';
-import { cancelInvoice, fetchInvoices } from '../api/calls';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-
-const { Panel } = Collapse;
-const INVOICE_STATUS = {
-  2: {
-    tagTitle: 'Shipped',
-    color: 'green',
-  },
-  1: {
-    tagTitle: 'Submitted',
-    color: 'processing',
-    canCancel: true,
-  },
-  '-1': {
-    tagTitle: 'Cancelled',
-    color: 'default',
-  },
-};
-const CANCELLED_STATUS = -1;
-const DATE_TIME_FORMAT_PATTERN = 'LLLL';
-const UTC_DATE_TIME_FORMAT = 'YYYY-MM-DDThh:mm:ssZ';
-const INVOICE_ITEMS_COLUMNS = [
-  {
-    title: 'Track name',
-    dataIndex: 'name',
-  },
-  {
-    title: 'Artist',
-    dataIndex: 'artistName',
-  },
-  {
-    title: 'Album',
-    dataIndex: 'albumTitle',
-  },
-  {
-    title: 'Price',
-    dataIndex: 'unitPrice',
-  },
-];
-const LEVERAGE_DURATION = 1; // in hours
-const STATUSES = { submitted: 1, shipped: 2, canceled: -1 };
-
-const isLeverageTimeExpired = (utcNowTimestamp, invoiceDate) => {
-  const duration = moment.duration(moment(utcNowTimestamp).diff(moment(invoiceDate).valueOf()));
-  return duration.asHours() > LEVERAGE_DURATION;
-};
-
-const chooseStatus = (utcNowTimestamp, invoiceDate, statusFromDb) => {
-  if (isLeverageTimeExpired(utcNowTimestamp, invoiceDate) && statusFromDb !== STATUSES.canceled) {
-    return INVOICE_STATUS[STATUSES.shipped];
-  }
-  return INVOICE_STATUS[statusFromDb];
-};
-
-const ExtraHeader = ({ ID, invoiceDate, status: initialStatus }) => {
-  const { loading, setLoading } = useAppState();
-  const { handleError } = useErrors();
-  const [loadingHeaderId, setLoadingHeaderId] = useState();
-  const [status, setStatus] = useState(initialStatus);
-
-  const statusConfig = useMemo(() => {
-    const utcNowTimestamp = moment(moment().utc().format(UTC_DATE_TIME_FORMAT)).valueOf();
-    return chooseStatus(utcNowTimestamp, invoiceDate, status);
-  }, [status]);
-
-  const onCancelInvoice = (event, ID) => {
-    event.stopPropagation();
-    setLoading(true);
-    setLoadingHeaderId(ID);
-    cancelInvoice(ID)
-      .then(() => {
-        message.success('Invoice successfully cancelled', MESSAGE_TIMEOUT);
-        setLoadingHeaderId(undefined);
-        setStatus(CANCELLED_STATUS);
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-
-  return (
-    <Spin spinning={loading && loadingHeaderId === ID}>
-      <Tag color={statusConfig.color}>{statusConfig.tagTitle}</Tag>
-      {statusConfig.canCancel && (
-        <Button onClick={(event) => onCancelInvoice(event, ID)} size="small" danger>
-          Cancel
-        </Button>
-      )}
-    </Spin>
-  );
-};
-ExtraHeader.propTypes = {
-  ID: PropTypes.number.isRequired,
-  status: PropTypes.number.isRequired,
-  invoiceDate: PropTypes.string.isRequired,
-};
-
-const MyInvoicesPage = () => {
-  const { handleError } = useErrors();
-  const { setLoading } = useAppState();
-  const [invoices, setInvoices] = useState([]);
-
-  useEffect(() => {
-    setLoading(true);
-    fetchInvoices()
-      .then(({ data: { value } }) => setInvoices(value))
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  }, []);
-
-  const genExtra = useCallback(
-    (ID, status, invoiceDate) => <ExtraHeader ID={ID} status={status} invoiceDate={invoiceDate} />,
-    []
-  );
-  const invoiceElements = useMemo(() => {
-    return invoices.map(({ ID, status, invoiceDate, total, invoiceItems }) => {
-      const invoiceItemsData = invoiceItems.map(
-        ({
-          ID,
-          track: {
-            name,
-            unitPrice,
-            album: {
-              title: albumTitle,
-              artist: { name: artistName },
-            },
-          },
-        }) => ({
-          key: ID,
-          ID,
-          name,
-          unitPrice,
-          albumTitle,
-          artistName,
-        })
-      );
-
-      return (
-        <Panel
-          header={moment(invoiceDate).format(DATE_TIME_FORMAT_PATTERN)}
-          key={ID}
-          extra={genExtra(ID, status, invoiceDate)}
-        >
-          <div>
-            <Table
-              bordered={false}
-              pagination={false}
-              columns={INVOICE_ITEMS_COLUMNS}
-              dataSource={invoiceItemsData}
-              size="middle"
-              footer={() => <span style={{ fontWeight: 600 }}>{`Total price: ${total}`}</span>}
-            />
-          </div>
-        </Panel>
-      );
-    });
-  }, [invoices]);
-
-  return (
-    <div>{invoiceElements && <Collapse expandIconPosition="left">{invoiceElements}</Collapse>}</div>
-  );
-};
-
-export default MyInvoicesPage;

chinook/app/front/src/components/PersonPage.jsx

@@ -1,108 +0,0 @@
-import React, { useState } from 'react';
-import { Form, Button, message, Input } from 'antd';
-import { omit, map } from 'lodash';
-import { fetchPerson, confirmPerson } from '../api/calls';
-import { useErrors } from '../hooks/useErrors';
-import { useAppState } from '../hooks/useAppState';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-import { useAbortableEffect } from '../hooks/useAbortableEffect';
-
-const PERSON_PROP = {
-  address: 'Address ',
-  city: 'City ',
-  country: 'Country ',
-  fax: 'Fax: ',
-  firstName: 'First name: ',
-  lastName: 'Last name: ',
-  phone: 'Phone: ',
-  postalCode: 'Postal code: ',
-  state: 'State',
-  email: 'email',
-  company: 'Company: ',
-};
-
-const PersonPage = () => {
-  const { setLoading } = useAppState();
-  const { handleError } = useErrors();
-  const [form] = Form.useForm();
-  const [person, setPerson] = useState({
-    lastName: '',
-    firstName: '',
-    city: '',
-    state: '',
-    address: '',
-    country: '',
-    phone: '',
-    postalCode: '',
-    fax: '',
-    email: '',
-    company: '',
-  });
-
-  useAbortableEffect((status) => {
-    setLoading(true);
-
-    fetchPerson()
-      .then(({ data }) => {
-        const personData = omit(data, '@odata.context', 'ID');
-        if (!status.aborted) {
-          setPerson(personData);
-        }
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  }, []);
-
-  const onConfirmChanges = (newPerson) => {
-    setLoading(true);
-    confirmPerson(newPerson)
-      .then(() => {
-        message.success('Person successfully updated', MESSAGE_TIMEOUT);
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-
-  const personProperties = map(Object.keys(person), (currentKey) => (
-    <div key={currentKey}>
-      <Form.Item label={PERSON_PROP[currentKey]} name={currentKey}>
-        <Input />
-      </Form.Item>
-    </div>
-  ));
-
-  return (
-    <>
-      {person.lastName !== '' && (
-        <Form
-          form={form}
-          labelCol={{
-            span: 4,
-          }}
-          wrapperCol={{
-            span: 14,
-          }}
-          layout="horizontal"
-          onFinish={onConfirmChanges}
-          onFinishFailed={() => console.log('Not valid params provided')}
-          initialValues={{
-            ...person,
-          }}
-        >
-          {personProperties}
-          <Form.Item
-            type="primary"
-            wrapperCol={{
-              span: 14,
-              offset: 4,
-            }}
-          >
-            <Button onClick={() => form.submit()}>Confirm changes</Button>
-          </Form.Item>
-        </Form>
-      )}
-    </>
-  );
-};
-
-export default PersonPage;

chinook/app/front/src/components/Router.jsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-import { isEmpty } from 'lodash';
-import TracksContainer from './TracksPage';
-import Header from './Header';
-import PersonPage from './PersonPage';
-import ErrorPage from './ErrorPage';
-import InvoicePage from './InvoicePage';
-import ManageStore from './ManageStore';
-import MyInvoicesPage from './MyInvoicesPage';
-import Login from './Login';
-import { withRestrictions } from '../hocs/withRestrictions';
-import { requireEmployee } from '../util/constants';
-
-const RestrictedLogin = withRestrictions(Login, ({ user }) => !user);
-const RestrictedInvoicePage = withRestrictions(
-  InvoicePage,
-  ({ user, invoicedItems }) => !requireEmployee(user) && !isEmpty(invoicedItems)
-);
-const RestrictedPersonPage = withRestrictions(PersonPage, ({ user }) => !!user);
-const RestrictedManageStore = withRestrictions(ManageStore, ({ user }) => requireEmployee(user));
-
-const MyRouter = () => {
-  return (
-    <Router>
-      <Header />
-      <div style={{ padding: '2em 20vh' }}>
-        <React.Suspense fallback={<div>Loading...</div>}>
-          <Switch>
-            <Route exact path={['/index.html', '/tracks', '/']}>
-              <TracksContainer />
-            </Route>
-            <Route exact path="/person">
-              <RestrictedPersonPage />
-            </Route>
-            <Route exact path="/login">
-              <RestrictedLogin />
-            </Route>
-            <Route exact path="/invoice">
-              <RestrictedInvoicePage />
-            </Route>
-            <Route exact path="/invoices">
-              <MyInvoicesPage />
-            </Route>
-            <Route exact path="/manage">
-              <RestrictedManageStore />
-            </Route>
-            <Route path="/">
-              <ErrorPage />
-            </Route>
-          </Switch>
-        </React.Suspense>
-      </div>
-    </Router>
-  );
-};
-
-export { MyRouter };

chinook/app/front/src/components/TracksPage.css

@@ -1,4 +0,0 @@
-.ant-select > div.ant-select-selector {
-  padding: 5px;
-  min-width: 300px;
-}

chinook/app/front/src/components/TracksPage.jsx

@@ -1,221 +0,0 @@
-import React, { useState } from 'react';
-import { debounce } from 'lodash';
-import { Input, Col, Row, Select, Pagination } from 'antd';
-import { Track } from './tracks/Track';
-import { ManagedTrack } from './tracks/ManagedTrack';
-import { useAppState } from '../hooks/useAppState';
-import { useErrors } from '../hooks/useErrors';
-import { fetchTacks, countTracks, fetchGenres } from '../api/calls';
-import { useAbortableEffect } from '../hooks/useAbortableEffect';
-import { requireEmployee } from '../util/constants';
-import './TracksPage.css';
-
-const { Search } = Input;
-const { Option } = Select;
-
-const DEBOUNCE_TIMER = 500;
-const DEBOUNCE_OPTIONS = {
-  leading: true,
-  trailing: false,
-};
-
-const isEven = (value) => {
-  return value % 2 === 0;
-};
-
-const renderGenres = (genres) =>
-  genres.map(({ ID, name }) => (
-    <Option key={ID} value={ID.toString()}>
-      {name}
-    </Option>
-  ));
-
-const TracksContainer = () => {
-  const { setLoading, user } = useAppState();
-  const { handleError } = useErrors();
-  const [state, setState] = useState({
-    tracks: [],
-    genres: [],
-    pagination: {
-      currentPage: 1,
-      totalItems: 0,
-      pageSize: 20,
-    },
-    searchOptions: {
-      substr: '',
-      genreIds: [],
-    },
-  });
-
-  useAbortableEffect((status) => {
-    setLoading(true);
-
-    const countTracksReq = countTracks();
-    const getTracksRequest = fetchTacks();
-    const getGenresReq = fetchGenres();
-
-    Promise.all([countTracksReq, getTracksRequest, getGenresReq])
-      .then(
-        ([
-          { data: totalItems },
-          {
-            data: { value: tracks },
-          },
-          {
-            data: { value: genres },
-          },
-        ]) => {
-          if (!status.aborted) {
-            setState({
-              ...state,
-              tracks,
-              genres,
-              pagination: { ...state.pagination, totalItems },
-            });
-          }
-        }
-      )
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  }, []);
-
-  const onSearch = debounce(
-    () => {
-      setLoading(true);
-      const options = {
-        $top: state.pagination.pageSize,
-        substr: state.searchOptions.substr.replace(/'*/g, (value) =>
-          isEven(value.length) ? value : `${value}'`
-        ),
-        genreIds: state.searchOptions.genreIds,
-      };
-
-      Promise.all([
-        fetchTacks(options),
-        countTracks({
-          substr: options.substr,
-          genreIds: options.genreIds,
-        }),
-      ])
-        .then(([{ data: { value: tracks } }, { data: totalItems }]) =>
-          setState({
-            ...state,
-            tracks,
-            pagination: { ...state.pagination, totalItems },
-          })
-        )
-        .catch(handleError)
-        .finally(() => setLoading(false));
-    },
-    DEBOUNCE_TIMER,
-    DEBOUNCE_OPTIONS
-  );
-  const onSelectChange = (genres) => {
-    setState({
-      ...state,
-      searchOptions: {
-        ...state.searchOptions,
-        genreIds: genres.map((value) => parseInt(value, 10)),
-      },
-    });
-  };
-  const onSearchChange = (event) => {
-    setState({
-      ...state,
-      searchOptions: { ...state.searchOptions, substr: event.target.value },
-    });
-  };
-  const onChangePage = (pageNumber) => {
-    document.querySelector('section.ant-layout').scrollTo({ top: 0, left: 0, behavior: 'smooth' });
-    setLoading(true);
-
-    const options = {
-      $top: state.pagination.pageSize,
-      substr: state.searchOptions.substr,
-      genreIds: state.searchOptions.genreIds,
-      $skip: (pageNumber - 1) * state.pagination.pageSize,
-    };
-    fetchTacks(options)
-      .then((response) =>
-        setState({
-          ...state,
-          tracks: response.data.value,
-          pagination: { ...state.pagination, currentPage: pageNumber },
-        })
-      )
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-  const deleteTrack = (ID) => {
-    setState({
-      ...state,
-      tracks: state.tracks.filter(({ ID: curID }) => curID !== ID),
-    });
-  };
-  const renderTracks = (tracks) => {
-    const isEmployee = requireEmployee(user);
-    const TrackComponent = isEmployee ? ManagedTrack : Track;
-    return tracks.map((track) => {
-      const isAlreadyOrdered = !isEmployee && track.alreadyOrdered;
-      const onDeleteTrack = isEmployee && ((ID) => deleteTrack(ID));
-      return (
-        <Col key={`track-col${track.ID}`} className="gutter-row" span={8}>
-          <TrackComponent
-            initialTrack={track}
-            onDeleteTrack={onDeleteTrack}
-            isAlreadyOrdered={isAlreadyOrdered}
-          />
-        </Col>
-      );
-    });
-  };
-
-  const trackElements = renderTracks(state.tracks);
-  const genreElements = renderGenres(state.genres);
-
-  return (
-    <>
-      <div
-        style={{
-          display: 'flex',
-          alignItems: 'start',
-          maxWidth: 600,
-          paddingBottom: 10,
-        }}
-      >
-        <Select
-          mode="multiple"
-          allowClear
-          style={{ marginRight: 10, borderRadius: 6 }}
-          placeholder="Genres"
-          onChange={(value) => onSelectChange(value)}
-        >
-          {genreElements}
-        </Select>
-        <Search
-          style={{
-            borderRadius: 6,
-          }}
-          placeholder="Search tracks"
-          size="large"
-          onSearch={onSearch}
-          onChange={onSearchChange}
-        />
-      </div>
-      <div>
-        <Row gutter={[{ xs: 8, sm: 16, md: 24, lg: 32 }, 24]}>{trackElements}</Row>
-      </div>
-      <div style={{ display: 'flex', justifyContent: 'center' }}>
-        <Pagination
-          showSizeChanger={false}
-          defaultCurrent={1}
-          total={state.pagination.totalItems}
-          pageSize={state.pagination.pageSize}
-          onChange={onChangePage}
-        />
-      </div>
-    </>
-  );
-};
-
-export default TracksContainer;

chinook/app/front/src/components/manage-store/AddAlbumForm.jsx

@@ -1,62 +0,0 @@
-import React, { useEffect } from 'react';
-import { Form, Input, Select } from 'antd';
-import { useSearch } from '@umijs/hooks';
-import { useErrors } from '../../hooks/useErrors';
-import { fetchArtistsByName } from '../../api/calls';
-
-const REQUIRED = [
-  {
-    required: true,
-    message: 'This filed is required!',
-  },
-];
-const ARTISTS_LIMIT = 10;
-
-const getArtists = function (value) {
-  return fetchArtistsByName(value, ARTISTS_LIMIT)
-    .then((response) => response.data.value)
-    .catch(this.handleError);
-};
-
-const AddAlbumForm = () => {
-  const { handleError } = useErrors();
-  const {
-    data: artists,
-    loading: isArtistsLoading,
-    onChange: onChangeArtistInput,
-    cancel: onArtistCancel,
-  } = useSearch(getArtists.bind({ handleError }));
-
-  useEffect(() => {
-    onChangeArtistInput();
-  }, []);
-
-  return (
-    <>
-      <h3>Add album</h3>
-      <Form.Item label="Name" name="name" rules={REQUIRED}>
-        <Input />
-      </Form.Item>
-      <Form.Item label="Artist" name="artistID" rules={REQUIRED}>
-        <Select
-          showSearch
-          placeholder="Select artist"
-          filterOption={false}
-          onSearch={onChangeArtistInput}
-          loading={isArtistsLoading}
-          onBlur={onArtistCancel}
-          style={{ width: 300 }}
-        >
-          {artists &&
-            artists.map((artist) => (
-              <Select.Option key={artist.name} value={artist.ID}>
-                {artist.name}
-              </Select.Option>
-            ))}
-        </Select>
-      </Form.Item>
-    </>
-  );
-};
-
-export { AddAlbumForm };

chinook/app/front/src/components/manage-store/AddArtistForm.jsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Form, Input } from 'antd';
-
-const REQUIRED = [
-  {
-    required: true,
-    message: 'This filed is required!',
-  },
-];
-
-const AddArtistForm = () => {
-  return (
-    <>
-      <h3>Add artist</h3>
-      <Form.Item label="Name" name="name" rules={REQUIRED}>
-        <Input />
-      </Form.Item>
-    </>
-  );
-};
-
-export { AddArtistForm };

chinook/app/front/src/components/manage-store/TrackForm.jsx

@@ -1,96 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { Form, Input, Select, InputNumber } from 'antd';
-import { head } from 'lodash';
-import { useSearch } from '@umijs/hooks';
-import { useAppState } from '../../hooks/useAppState';
-import { fetchAlbumsByName, fetchGenres } from '../../api/calls';
-import { useErrors } from '../../hooks/useErrors';
-
-const ALBUMS_LIMIT = 10;
-const REQUIRED = [
-  {
-    required: true,
-    message: 'This filed is required!',
-  },
-];
-
-function getAlbums(value) {
-  return fetchAlbumsByName(value, ALBUMS_LIMIT)
-    .then((response) => response.data.value)
-    .catch(this.handleError);
-}
-
-const TrackForm = ({ initialAlbumTitle }) => {
-  const { handleError } = useErrors();
-  const {
-    data: albums,
-    loading: isAlbumsLoading,
-    onChange: onChangeAlbumInput,
-    cancel: onAlbumCancel,
-  } = useSearch(getAlbums.bind({ handleError }));
-  const { setLoading } = useAppState();
-  const [genres, setGenres] = useState([]);
-
-  useEffect(() => {
-    setLoading(true);
-    Promise.all([fetchGenres(), onChangeAlbumInput(initialAlbumTitle)])
-      .then((responses) => setGenres(head(responses).data.value))
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  }, []);
-
-  return (
-    <div>
-      <Form.Item label="Name" name="name" rules={REQUIRED}>
-        <Input />
-      </Form.Item>
-      <Form.Item label="Composer" name="composer" rules={REQUIRED}>
-        <Input />
-      </Form.Item>
-      <Form.Item label="Album" name="albumID" rules={REQUIRED}>
-        <Select
-          showSearch
-          placeholder="Select album"
-          filterOption={false}
-          onSearch={onChangeAlbumInput}
-          loading={isAlbumsLoading}
-          onBlur={onAlbumCancel}
-        >
-          {albums &&
-            albums.map((album) => (
-              <Select.Option key={album.title} value={album.ID}>
-                {album.title}
-              </Select.Option>
-            ))}
-        </Select>
-      </Form.Item>
-      <Form.Item label="Genre" name="genreID" rules={REQUIRED}>
-        <Select showSearch placeholder="Select genre" filterOption={false}>
-          {genres &&
-            genres.map((genre) => (
-              <Select.Option key={genre.name} value={genre.ID}>
-                {genre.name}
-              </Select.Option>
-            ))}
-        </Select>
-      </Form.Item>
-      <Form.Item label="Unit price" name="unitPrice" precision={2} rules={REQUIRED}>
-        <InputNumber
-          precision={2}
-          decimalSeparator="."
-          parser={(value) => value.replace(/\$\s?|(,*)/g, '')}
-        />
-      </Form.Item>
-    </div>
-  );
-};
-
-TrackForm.propTypes = {
-  initialAlbumTitle: PropTypes.string,
-};
-TrackForm.defaultProps = {
-  initialAlbumTitle: undefined,
-};
-
-export { TrackForm };

chinook/app/front/src/components/tracks/DeleteAction.jsx

@@ -1,44 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { Modal, message } from 'antd';
-import { DeleteOutlined } from '@ant-design/icons';
-import { deleteTrack } from '../../api/calls';
-import { useErrors } from '../../hooks/useErrors';
-import { MESSAGE_TIMEOUT } from '../../util/constants';
-
-const DeleteAction = ({ ID, onDeleteTrack }) => {
-  const [modalVisible, setModalVisible] = useState(false);
-  const { handleError } = useErrors();
-
-  const onOk = () => {
-    setModalVisible(false);
-    deleteTrack(ID)
-      .then(() => {
-        onDeleteTrack();
-        setModalVisible(false);
-        message.success('Track successfully deleted!', MESSAGE_TIMEOUT);
-      })
-      .catch(handleError);
-  };
-
-  const onCancel = () => setModalVisible(false);
-  const onOpenModal = () => {
-    setModalVisible(true);
-  };
-
-  return (
-    <>
-      <DeleteOutlined onClick={onOpenModal}>Delete</DeleteOutlined>
-      <Modal title="Confirm" visible={modalVisible} onOk={onOk} onCancel={onCancel}>
-        <p>Are You really want to delete this track?</p>
-      </Modal>
-    </>
-  );
-};
-
-DeleteAction.propTypes = {
-  ID: PropTypes.number.isRequired,
-  onDeleteTrack: PropTypes.func.isRequired,
-};
-
-export { DeleteAction };

chinook/app/front/src/components/tracks/EditAction.jsx

@@ -1,117 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Button, Modal, Form, message } from 'antd';
-import { EditOutlined, LoadingOutlined } from '@ant-design/icons';
-import { useErrors } from '../../hooks/useErrors';
-import { TrackForm } from '../manage-store/TrackForm';
-import { updateTrack, getTrack } from '../../api/calls';
-import { MESSAGE_TIMEOUT } from '../../util/constants';
-
-const EditAction = ({ ID, name, composer, genre, unitPrice, album, afterTrackUpdate }) => {
-  const [visible, setVisible] = React.useState(false);
-  const [confirmLoading, setConfirmLoading] = React.useState(false);
-  const [updateLoading, setUpdateLoading] = React.useState(false);
-  const [form] = Form.useForm();
-  const { handleError } = useErrors();
-
-  const onShowModal = () => {
-    setVisible(true);
-  };
-
-  const afterCloseModal = () => {
-    setUpdateLoading(true);
-    getTrack(ID)
-      .then((response) => {
-        afterTrackUpdate(response.data);
-        setUpdateLoading(false);
-      })
-      .catch(handleError);
-  };
-
-  const onFinish = (value) => {
-    setConfirmLoading(true);
-    updateTrack({
-      ID,
-      name: value.name,
-      composer: value.composer,
-      album: { ID: value.albumID },
-      genre: { ID: value.genreID },
-      unitPrice: value.unitPrice.toString(),
-    })
-      .then(() => {
-        message.success('Track successfully updated!', MESSAGE_TIMEOUT);
-        setConfirmLoading(false);
-        setVisible(false);
-        afterCloseModal();
-      })
-      .catch(handleError);
-  };
-
-  const handleOk = () => {
-    form.submit();
-  };
-
-  const handleCancel = () => {
-    setVisible(false);
-  };
-
-  return (
-    <>
-      {updateLoading ? <LoadingOutlined /> : <EditOutlined onClick={onShowModal} />}
-      <Modal
-        title="Edit track"
-        visible={visible}
-        confirmLoading={confirmLoading}
-        onOk={handleOk}
-        onCancel={handleCancel}
-        width={600}
-        footer={[
-          <Button key="back" onClick={handleCancel}>
-            Cancel
-          </Button>,
-          <Button key="submit" type="primary" loading={confirmLoading} onClick={handleOk}>
-            Submit
-          </Button>,
-        ]}
-      >
-        <Form
-          form={form}
-          labelCol={{
-            span: 4,
-          }}
-          wrapperCol={{
-            span: 14,
-          }}
-          layout="horizontal"
-          onFinish={onFinish}
-          onFinishFailed={() => console.log('Not valid params provided')}
-          initialValues={{
-            name,
-            composer,
-            genreID: genre.ID,
-            albumID: album.ID,
-            unitPrice,
-          }}
-        >
-          <TrackForm initialAlbumTitle={album.title} />
-        </Form>
-      </Modal>
-    </>
-  );
-};
-
-EditAction.propTypes = {
-  ID: PropTypes.number.isRequired,
-  name: PropTypes.string.isRequired,
-  composer: PropTypes.string,
-  genre: PropTypes.object.isRequired,
-  unitPrice: PropTypes.number.isRequired,
-  album: PropTypes.object.isRequired,
-  afterTrackUpdate: PropTypes.func.isRequired,
-};
-
-EditAction.defaultProps = {
-  composer: undefined,
-};
-
-export { EditAction };

chinook/app/front/src/components/tracks/ManagedTrack.css

@@ -1,7 +0,0 @@
-span > span.anticon.anticon-delete:hover {
-  color: #ff4d4f;
-}
-
-.card-element {
-  transition: opacity 0.5s ease-in-out;
-}

chinook/app/front/src/components/tracks/ManagedTrack.jsx

@@ -1,48 +0,0 @@
-import React, { useState, useRef } from 'react';
-import { Card } from 'antd';
-import PropTypes from 'prop-types';
-import { EditAction } from './EditAction';
-import { DeleteAction } from './DeleteAction';
-import { TrackCardBody } from './TrackCardBody';
-import './ManagedTrack.css';
-
-const ManagedTrack = ({ initialTrack, onDeleteTrack }) => {
-  const trackElement = useRef();
-  const [track, setTrack] = useState(initialTrack);
-
-  return (
-    <div className="card-element" ref={trackElement}>
-      <Card
-        actions={[
-          <DeleteAction
-            ID={track.ID}
-            onDeleteTrack={() => {
-              trackElement.current.style.opacity = 0;
-              setTimeout(() => onDeleteTrack(track.ID), 500);
-            }}
-          />,
-          <EditAction
-            ID={track.ID}
-            name={track.name}
-            composer={track.composer}
-            album={track.album}
-            genre={track.genre}
-            unitPrice={track.unitPrice}
-            afterTrackUpdate={(value) => setTrack(value)}
-          />,
-        ]}
-        title={track.name}
-        bordered={false}
-      >
-        <TrackCardBody track={track} />
-      </Card>
-    </div>
-  );
-};
-
-ManagedTrack.propTypes = {
-  initialTrack: PropTypes.object.isRequired,
-  onDeleteTrack: PropTypes.func.isRequired,
-};
-
-export { ManagedTrack };

chinook/app/front/src/components/tracks/Track.jsx

@@ -1,63 +0,0 @@
-import React, { useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import { Card, Button } from 'antd';
-import { PlusOutlined, MinusOutlined } from '@ant-design/icons';
-import { useAppState } from '../../hooks/useAppState';
-import { TrackCardBody } from './TrackCardBody';
-
-const Track = ({ initialTrack, isAlreadyOrdered }) => {
-  const trackElement = useRef();
-  const { setInvoicedItems, invoicedItems } = useAppState();
-  const [isJustInvoiced, setIsJustInvoiced] = useState(
-    invoicedItems.find((curTrack) => curTrack.ID === initialTrack.ID)
-  );
-
-  const onChangedStatus = () => {
-    const newIsJustInvoiced = !isJustInvoiced;
-    if (newIsJustInvoiced) {
-      setInvoicedItems([
-        ...invoicedItems,
-        {
-          ID: initialTrack.ID,
-          name: initialTrack.name,
-          artist: initialTrack.album.artist.name,
-          albumTitle: initialTrack.album.title,
-          unitPrice: initialTrack.unitPrice,
-        },
-      ]);
-    } else {
-      setInvoicedItems(invoicedItems.filter(({ ID: curID }) => curID !== initialTrack.ID));
-    }
-    setIsJustInvoiced(newIsJustInvoiced);
-  };
-
-  return (
-    <div className="card-element" ref={trackElement}>
-      <Card
-        actions={[
-          <>
-            {!isAlreadyOrdered && (
-              <Button onClick={onChangedStatus} danger={isJustInvoiced}>
-                {isJustInvoiced ? <MinusOutlined /> : <PlusOutlined />}
-              </Button>
-            )}
-          </>,
-        ]}
-        title={initialTrack.name}
-        bordered={false}
-      >
-        <TrackCardBody track={initialTrack} />
-      </Card>
-    </div>
-  );
-};
-
-Track.propTypes = {
-  initialTrack: PropTypes.object.isRequired,
-  isAlreadyOrdered: PropTypes.bool,
-};
-Track.defaultProps = {
-  isAlreadyOrdered: undefined,
-};
-
-export { Track };

chinook/app/front/src/components/tracks/TrackCardBody.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const TrackCardBody = ({ track }) => {
-  return (
-    <>
-      <div>
-        Artist:
-        <span style={{ fontWeight: 600 }}>{track.album.artist.name}</span>
-      </div>
-      <div>
-        Album:
-        <span style={{ fontWeight: 600 }}>{track.album.title}</span>
-      </div>
-      <div>
-        Genre:
-        <span style={{ fontWeight: 600 }}>{track.genre.name}</span>
-      </div>
-      <div>
-        {track.composer && (
-          <span>
-            Compositor:
-            <span style={{ fontWeight: 600 }}>{track.composer}</span>
-          </span>
-        )}
-      </div>
-      <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-        <span>
-          Price:
-          <span style={{ fontWeight: 600 }}>{track.unitPrice}</span>
-        </span>
-      </div>
-    </>
-  );
-};
-
-TrackCardBody.propTypes = {
-  track: PropTypes.object.isRequired,
-};
-
-export { TrackCardBody };

chinook/app/front/src/contexts/AppStateContext.jsx

@@ -1,66 +0,0 @@
-import React, { useMemo, createContext, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { getUserFromLS, getLocaleFromLS, setUserToLS } from '../util/localStorageService';
-import { changeUserDefaults } from '../api/axiosInstance';
-import { emitter } from '../util/EventEmitter';
-
-const globalContext = {
-  error: {},
-  loading: true,
-  user: {
-    ID: undefined,
-    roles: [],
-    email: undefined,
-    accessToken: undefined,
-    refreshToken: undefined,
-  },
-  locale: undefined,
-  invoicedItems: [],
-  notifications: [],
-};
-const AppStateContext = createContext(globalContext);
-
-const AppStateContextProvider = ({ children }) => {
-  const [invoicedItems, setInvoicedItems] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState({});
-  const [user, setUser] = useState(getUserFromLS());
-  const [locale, setLocale] = useState(getLocaleFromLS());
-
-  useEffect(() => {
-    const updateUser = (newUser) => {
-      console.log('USER_UPDATE WAS TRIGGERED');
-      changeUserDefaults(newUser);
-      setUserToLS(newUser);
-      setUser(newUser);
-    };
-    emitter.on('UPDATE_USER', updateUser);
-    return () => {
-      emitter.removeListener('UPDATE_USER', updateUser);
-    };
-  }, []);
-
-  const value = useMemo(
-    () => ({
-      error,
-      loading,
-      invoicedItems,
-      user,
-      locale,
-      setLoading,
-      setError,
-      setInvoicedItems,
-      setUser,
-      setLocale,
-    }),
-    [locale, user, loading, error, invoicedItems]
-  );
-
-  return <AppStateContext.Provider value={value}>{children}</AppStateContext.Provider>;
-};
-
-AppStateContextProvider.propTypes = {
-  children: PropTypes.element.isRequired,
-};
-
-export { AppStateContextProvider, AppStateContext };

chinook/app/front/src/hocs/withRestrictions.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Redirect } from 'react-router-dom';
-import { useAppState } from '../hooks/useAppState';
-
-const withRestrictions = (Component, isUserMeetRestrictions) => {
-  return (props) => {
-    const { user, invoicedItems } = useAppState();
-    return isUserMeetRestrictions({ user, invoicedItems }) ? (
-      <Component {...props} />
-    ) : (
-      <Redirect exact to="/error" />
-    );
-  };
-};
-
-export { withRestrictions };

chinook/app/front/src/hooks/useAbortableEffect.js

@@ -1,22 +0,0 @@
-import { useEffect } from 'react';
-
-function useAbortableEffect(effect, dependencies) {
-  const status = {}; // mutable status object
-  useEffect(() => {
-    status.aborted = false;
-    // pass the mutable object to the effect callback
-    // store the returned value for cleanup
-    const cleanUpFn = effect(status);
-    return () => {
-      // mutate the object to signal the consumer
-      // this effect is cleaning up
-      status.aborted = true;
-      if (typeof cleanUpFn === 'function') {
-        // run the cleanup function
-        cleanUpFn();
-      }
-    };
-  }, [...dependencies]);
-}
-
-export { useAbortableEffect };

chinook/app/front/src/hooks/useAppState.js

@@ -1,6 +0,0 @@
-import { useContext } from 'react';
-import { AppStateContext } from '../contexts/AppStateContext';
-
-const useAppState = () => useContext(AppStateContext);
-
-export { useAppState };

chinook/app/front/src/hooks/useErrors.js

@@ -1,34 +0,0 @@
-import { useHistory } from 'react-router-dom';
-import { useAppState } from './useAppState';
-
-const useErrors = () => {
-  const history = useHistory();
-  const { setError } = useAppState();
-
-  const handleError = (error) => {
-    console.error('Error', error);
-
-    if (error.response) {
-      const { status, statusText, data } = error.response;
-      setError({
-        status,
-        statusText,
-        message: data.error ? data.error.message : data,
-      });
-    } else {
-      setError({
-        status: '',
-        statusText: 'Error',
-        message: 'Something went wrong. Seems like request is too long',
-      });
-    }
-
-    history.push('/error');
-  };
-
-  return {
-    handleError,
-  };
-};
-
-export { useErrors };

chinook/app/front/src/index.jsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-// import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-// serviceWorker.unregister();

chinook/app/front/src/logo.svg

@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
-    <g fill="#61DAFB">
-        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
-        <circle cx="420.9" cy="296.5" r="45.7"/>
-        <path d="M520.5 78.1z"/>
-    </g>
-</svg>

chinook/app/front/src/setupTests.js

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect';

chinook/app/front/src/util/EventEmitter.js

@@ -1,5 +0,0 @@
-import EventEmitter from 'events';
-
-const emitter = new EventEmitter();
-
-export { emitter };

chinook/app/front/src/util/constants.js

@@ -1,7 +0,0 @@
-export const AVAILABLE_LOCALES = ['en', 'fr', 'de'];
-
-export const MESSAGE_TIMEOUT = 2;
-
-export const requireEmployee = (user) => !!user && user.roles.includes('employee');
-
-export const requireCustomer = (user) => !!user && user.roles.includes('customer');

chinook/app/front/src/util/localStorageService.js

@@ -1,36 +0,0 @@
-import { isValidUser } from './validateUser';
-import { AVAILABLE_LOCALES } from './constants';
-
-const setUserToLS = (user) => {
-  if (user) {
-    localStorage.setItem('user', JSON.stringify(user));
-  } else {
-    localStorage.removeItem('user');
-  }
-};
-
-const getUserFromLS = () => {
-  let userFromLS;
-  try {
-    userFromLS = JSON.parse(localStorage.getItem('user'));
-    if (isValidUser(userFromLS)) {
-      return userFromLS;
-    }
-  } catch (e) {
-    console.error('User from local storage are not valid');
-  }
-  return undefined;
-};
-
-const getLocaleFromLS = () => {
-  const localeFromLS = localStorage.getItem('locale');
-  return localeFromLS && localeFromLS !== 'undefined' && AVAILABLE_LOCALES.includes(localeFromLS)
-    ? localeFromLS
-    : 'en';
-};
-
-const setLocaleToLS = (locale) => {
-  localStorage.setItem('locale', locale);
-};
-
-export { setLocaleToLS, getLocaleFromLS, getUserFromLS, setUserToLS };

chinook/app/front/src/util/validateUser.js

@@ -1,18 +0,0 @@
-import { isArray, isEmpty, isString, isNumber } from 'lodash';
-
-const CUSTOMER_ROLE = 'customer';
-const EMPLOYEE_ROLE = 'employee';
-
-const isValidUser = (user) => {
-  return (
-    !isEmpty(user) &&
-    isNumber(user.ID) &&
-    isArray(user.roles) &&
-    !!user.roles.some((role) => role === CUSTOMER_ROLE || role === EMPLOYEE_ROLE) &&
-    isString(user.email) &&
-    isString(user.accessToken) &&
-    isString(user.refreshToken)
-  );
-};
-
-export { isValidUser };

chinook/app/front/webpack/common-plugins.js

@@ -1,33 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const CopyPlugin = require('copy-webpack-plugin');
-const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
-
-module.exports = {
-  plugins: [
-    new CleanWebpackPlugin({ dangerouslyAllowCleanPatternsOutsideProject: true }),
-    new HtmlWebpackPlugin({
-      template: path.join(__dirname, '../public/index.html'),
-      filename: path.join(__dirname, '../../build/index.html'),
-      publicPath: '/static/', // for js bundles path
-    }),
-    new InterpolateHtmlPlugin(HtmlWebpackPlugin, {
-      PUBLIC_URL: '',
-    }),
-    new CopyPlugin({
-      patterns: [
-        {
-          from: path.join(__dirname, '../public'),
-          to: path.join(__dirname, '../../build'),
-          globOptions: {
-            dot: true,
-            ignore: ['**/index.html'],
-          },
-        },
-      ],
-    }),
-    new webpack.ProgressPlugin(),
-  ],
-};

chinook/app/front/webpack/common-rules.js

@@ -1,19 +0,0 @@
-module.exports = {
-  rules: [
-    {
-      test: /\.(js|jsx)$/,
-      exclude: /(node_modules)/,
-      use: {
-        loader: 'babel-loader',
-        options: {
-          presets: ['@babel/preset-env', '@babel/preset-react'],
-        },
-      },
-    },
-
-    {
-      test: /\.(png|jpg)$/,
-      use: [{ loader: 'url-loader' }],
-    },
-  ],
-};

chinook/app/front/webpack/webpack-dev-server.js

@@ -1,68 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
-const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-
-module.exports = {
-  entry: {
-    app: './src/index.jsx',
-  },
-  devtool: 'inline-source-map',
-  devServer: {
-    contentBase: './dist',
-    hot: true,
-    port: 3000,
-    compress: true, // compress files to gzip to increase download speed
-    disableHostCheck: false, // by default true, it is not recomended,
-    // because it makes app vulnerable to DNS rebinding attacks
-    open: true, // open the browser after server had been started
-    historyApiFallback: true,
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        exclude: /(node_modules)/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env', '@babel/preset-react'],
-            plugins: ['react-refresh/babel'].filter(Boolean),
-          },
-        },
-      },
-      {
-        test: /\.(png|jpg)$/,
-        use: [{ loader: 'url-loader' }],
-      },
-      {
-        test: /\.css$/,
-        use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
-      },
-    ],
-  },
-
-  plugins: [
-    new CleanWebpackPlugin({ cleanStaleWebpackAssets: false }),
-    new HtmlWebpackPlugin({
-      template: path.join(__dirname, '../public/index.html'),
-    }),
-    new InterpolateHtmlPlugin(HtmlWebpackPlugin, {
-      PUBLIC_URL: '',
-    }),
-
-    new webpack.DefinePlugin({
-      'process.env.SERVICE_URL': JSON.stringify('http://localhost:4004/'),
-    }),
-    new webpack.ProgressPlugin(),
-    new webpack.HotModuleReplacementPlugin(), // for hot module replacement option of devServer
-    new ReactRefreshWebpackPlugin(),
-  ].filter(Boolean),
-  output: {
-    filename: '[name].bundle.js',
-    path: path.resolve(__dirname, 'dist'),
-  },
-  resolve: { extensions: ['*', '.js', '.jsx'] },
-};

chinook/app/front/webpack/webpack.common.js

@@ -1,25 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  entry: {
-    app: './src/index.jsx', // Bundle with our code
-    react: ['react', 'react-dom'],
-    lodash: ['lodash'],
-    moment: ['moment'],
-    events: ['events'],
-    axios: ['axios'],
-    antd: ['antd'],
-  },
-  output: {
-    // [name] - name of the entry (bundle),
-    // [checksum] or [hash] - to cache different bundles
-    // from update when developing (doing changes in the files)
-    filename: '[name].[fullhash].js',
-    // in this folder path bundles will be placed
-    path: path.resolve(__dirname, '../../build/static'),
-    // where you uploaded your bundled files. (Relative to server root)
-    // needs for react-router-dom
-    publicPath: '/static/',
-  },
-  resolve: { extensions: ['*', '.js', '.jsx'] },
-};

chinook/app/front/webpack/webpack.dev.js

@@ -1,25 +0,0 @@
-const webpack = require('webpack');
-const { merge } = require('webpack-merge');
-const common = require('./webpack.common.js');
-const { rules } = require('./common-rules');
-const { plugins } = require('./common-plugins');
-
-module.exports = merge(common, {
-  mode: 'development',
-  devtool: 'inline-source-map',
-  plugins: [
-    ...plugins,
-    new webpack.DefinePlugin({
-      'process.env.SERVICE_URL': JSON.stringify('http://localhost:4004/'),
-    }),
-  ],
-  module: {
-    rules: [
-      ...rules,
-      {
-        test: /\.css$/,
-        use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
-      },
-    ],
-  },
-});

chinook/app/front/webpack/webpack.prod.js

@@ -1,40 +0,0 @@
-const webpack = require('webpack');
-const { merge } = require('webpack-merge');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
-const common = require('./webpack.common.js');
-const { rules } = require('./common-rules');
-const { plugins } = require('./common-plugins');
-
-module.exports = merge(common, {
-  mode: 'production',
-  devtool: 'source-map',
-  plugins: [
-    ...plugins,
-    new webpack.DefinePlugin({
-      'process.env.SERVICE_URL': JSON.stringify('api/'),
-    }),
-    new MiniCssExtractPlugin({
-      filename: '[name].css',
-      chunkFilename: '[id].css',
-    }),
-  ],
-  optimization: {
-    splitChunks: {
-      // To split up js code to different bundles.
-      chunks: 'all', // Now bundle with our code will be cleaned up
-    }, // from vendors imports (2mb ~> 100kb)
-    minimize: true,
-    minimizer: [new TerserPlugin(), new CssMinimizerPlugin()], // to minimize file size
-  },
-  module: {
-    rules: [
-      ...rules,
-      {
-        test: /\.css$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader'],
-      },
-    ],
-  },
-});

chinook/db/data/sap.capire.media.store-Albums.csv

@@ -1,349 +0,0 @@
-ID,title,artist_ID
-1,For Those About To Rock We Salute You,1
-2,Balls to the Wall,2
-3,Restless and Wild,2
-4,Let There Be Rock,1
-5,Big Ones,3
-6,Jagged Little Pill,4
-7,Facelift,5
-8,Warner 25 Anos,6
-9,Plays Metallica By Four Cellos,7
-10,Audioslave,8
-11,Out Of Exile,8
-12,BackBeat Soundtrack,9
-13,The Best Of Billy Cobham,10
-14,Alcohol Fueled Brewtality Live! [Disc 1],11
-15,Alcohol Fueled Brewtality Live! [Disc 2],11
-16,Black Sabbath,12
-17,Black Sabbath Vol. 4 (Remaster),12
-18,Body Count,13
-19,Chemical Wedding,14
-20,The Best Of Buddy Guy - The Millenium Collection,15
-21,Prenda Minha,16
-22,Sozinho Remix Ao Vivo,16
-23,Minha Historia,17
-24,Afrociberdelia,18
-25,Da Lama Ao Caos,18
-26,Acústico MTV [Live],19
-27,Cidade Negra - Hits,19
-28,Na Pista,20
-29,Axé Bahia 2001,21
-30,BBC Sessions [Disc 1] [Live],22
-31,Bongo Fury,23
-32,Carnaval 2001,21
-33,Chill: Brazil (Disc 1),24
-34,Chill: Brazil (Disc 2),6
-35,Garage Inc. (Disc 1),50
-36,Greatest Hits II,51
-37,Greatest Kiss,52
-38,Heart of the Night,53
-39,International Superhits,54
-40,Into The Light,55
-41,Meus Momentos,56
-42,Minha História,57
-43,MK III The Final Concerts [Disc 1],58
-44,Physical Graffiti [Disc 1],22
-45,Sambas De Enredo 2001,21
-46,Supernatural,59
-47,The Best of Ed Motta,37
-48,The Essential Miles Davis [Disc 1],68
-49,The Essential Miles Davis [Disc 2],68
-50,The Final Concerts (Disc 2),58
-51,Up An' Atom,69
-52,Vinícius De Moraes - Sem Limite,70
-53,Vozes do MPB,21
-54,"Chronicle, Vol. 1",76
-55,"Chronicle, Vol. 2",76
-56,Cássia Eller - Coleção Sem Limite [Disc 2],77
-57,Cássia Eller - Sem Limite [Disc 1],77
-58,Come Taste The Band,58
-59,Deep Purple In Rock,58
-60,Fireball,58
-61,Knocking at Your Back Door: The Best Of Deep Purple in the 80's,58
-62,Machine Head,58
-63,Purpendicular,58
-64,Slaves And Masters,58
-65,Stormbringer,58
-66,The Battle Rages On,58
-67,Vault: Def Leppard's Greatest Hits,78
-68,Outbreak,79
-69,Djavan Ao Vivo - Vol. 02,80
-70,Djavan Ao Vivo - Vol. 1,80
-71,Elis Regina-Minha História,41
-72,The Cream Of Clapton,81
-73,Unplugged,81
-74,Album Of The Year,82
-75,Angel Dust,82
-76,King For A Day Fool For A Lifetime,82
-77,The Real Thing,82
-78,Deixa Entrar,83
-79,In Your Honor [Disc 1],84
-80,In Your Honor [Disc 2],84
-81,One By One,84
-82,The Colour And The Shape,84
-83,My Way: The Best Of Frank Sinatra [Disc 1],85
-84,Roda De Funk,86
-85,As Canções de Eu Tu Eles,27
-86,Quanta Gente Veio Ver (Live),27
-87,Quanta Gente Veio ver--Bônus De Carnaval,27
-88,Faceless,87
-89,American Idiot,54
-90,Appetite for Destruction,88
-91,Use Your Illusion I,88
-92,Use Your Illusion II,88
-93,Blue Moods,89
-94,A Matter of Life and Death,90
-95,A Real Dead One,90
-96,A Real Live One,90
-97,Brave New World,90
-98,Dance Of Death,90
-99,Fear Of The Dark,90
-100,Iron Maiden,90
-101,Killers,90
-102,Live After Death,90
-103,Live At Donington 1992 (Disc 1),90
-104,Live At Donington 1992 (Disc 2),90
-105,No Prayer For The Dying,90
-106,Piece Of Mind,90
-107,Powerslave,90
-108,Rock In Rio [CD1],90
-109,Rock In Rio [CD2],90
-110,Seventh Son of a Seventh Son,90
-111,Somewhere in Time,90
-112,The Number of The Beast,90
-113,The X Factor,90
-114,Virtual XI,90
-115,Sex Machine,91
-116,Emergency On Planet Earth,92
-117,Synkronized,92
-118,The Return Of The Space Cowboy,92
-119,Get Born,93
-120,Are You Experienced?,94
-121,Surfing with the Alien (Remastered),95
-122,Jorge Ben Jor 25 Anos,46
-123,Jota Quest-1995,96
-124,Cafezinho,97
-125,Living After Midnight,98
-126,Unplugged [Live],52
-127,BBC Sessions [Disc 2] [Live],22
-128,Coda,22
-129,Houses Of The Holy,22
-130,In Through The Out Door,22
-131,IV,22
-132,Led Zeppelin I,22
-133,Led Zeppelin II,22
-134,Led Zeppelin III,22
-135,Physical Graffiti [Disc 2],22
-136,Presence,22
-137,The Song Remains The Same (Disc 1),22
-138,The Song Remains The Same (Disc 2),22
-139,A TempestadeTempestade Ou O Livro Dos Dias,99
-140,Mais Do Mesmo,99
-141,Greatest Hits,100
-142,Lulu Santos - RCA 100 Anos De Música - Álbum 01,101
-143,Lulu Santos - RCA 100 Anos De Música - Álbum 02,101
-144,Misplaced Childhood,102
-145,Barulhinho Bom,103
-146,Seek And Shall Find: More Of The Best (1963-1981),104
-147,The Best Of Men At Work,105
-148,Black Album,50
-149,Garage Inc. (Disc 2),50
-150,Kill 'Em All,50
-151,Load,50
-152,Master Of Puppets,50
-153,ReLoad,50
-154,Ride The Lightning,50
-155,St. Anger,50
-156,...And Justice For All,50
-157,Miles Ahead,68
-158,Milton Nascimento Ao Vivo,42
-159,Minas,42
-160,Ace Of Spades,106
-161,Demorou...,108
-162,Motley Crue Greatest Hits,109
-163,From The Muddy Banks Of The Wishkah [Live],110
-164,Nevermind,110
-165,Compositores,111
-166,Olodum,112
-167,Acústico MTV,113
-168,Arquivo II,113
-169,Arquivo Os Paralamas Do Sucesso,113
-170,Bark at the Moon (Remastered),114
-171,Blizzard of Ozz,114
-172,Diary of a Madman (Remastered),114
-173,No More Tears (Remastered),114
-174,Tribute,114
-175,Walking Into Clarksdale,115
-176,Original Soundtracks 1,116
-177,The Beast Live,117
-178,Live On Two Legs [Live],118
-179,Pearl Jam,118
-180,Riot Act,118
-181,Ten,118
-182,Vs.,118
-183,Dark Side Of The Moon,120
-184,Os Cães Ladram Mas A Caravana Não Pára,121
-185,Greatest Hits I,51
-186,News Of The World,51
-187,Out Of Time,122
-188,Green,124
-189,New Adventures In Hi-Fi,124
-190,The Best Of R.E.M.: The IRS Years,124
-191,Cesta Básica,125
-192,Raul Seixas,126
-193,Blood Sugar Sex Magik,127
-194,By The Way,127
-195,Californication,127
-196,Retrospective I (1974-1980),128
-197,Santana - As Years Go By,59
-198,Santana Live,59
-199,Maquinarama,130
-200,O Samba Poconé,130
-201,Judas 0: B-Sides and Rarities,131
-202,Rotten Apples: Greatest Hits,131
-203,A-Sides,132
-204,Morning Dance,53
-205,In Step,133
-206,Core,134
-207,Mezmerize,135
-208,[1997] Black Light Syndrome,136
-209,Live [Disc 1],137
-210,Live [Disc 2],137
-211,The Singles,138
-212,Beyond Good And Evil,139
-213,"Pure Cult: The Best Of The Cult (For Rockers, Ravers, Lovers & Sinners) [UK]",139
-214,The Doors,140
-215,The Police Greatest Hits,141
-216,"Hot Rocks, 1964-1971 (Disc 1)",142
-217,No Security,142
-218,Voodoo Lounge,142
-219,Tangents,143
-220,Transmission,143
-221,My Generation - The Very Best Of The Who,144
-222,Serie Sem Limite (Disc 1),145
-223,Serie Sem Limite (Disc 2),145
-224,Acústico,146
-225,Volume Dois,146
-226,Battlestar Galactica: The Story So Far,147
-227,"Battlestar Galactica, Season 3",147
-228,"Heroes, Season 1",148
-229,"Lost, Season 3",149
-230,"Lost, Season 1",149
-231,"Lost, Season 2",149
-232,Achtung Baby,150
-233,All That You Can't Leave Behind,150
-234,B-Sides 1980-1990,150
-235,How To Dismantle An Atomic Bomb,150
-236,Pop,150
-237,Rattle And Hum,150
-238,The Best Of 1980-1990,150
-239,War,150
-240,Zooropa,150
-241,UB40 The Best Of - Volume Two [UK],151
-242,Diver Down,152
-243,"The Best Of Van Halen, Vol. I",152
-244,Van Halen,152
-245,Van Halen III,152
-246,Contraband,153
-247,Vinicius De Moraes,72
-248,Ao Vivo [IMPORT],155
-249,"The Office, Season 1",156
-250,"The Office, Season 2",156
-251,"The Office, Season 3",156
-252,Un-Led-Ed,157
-253,"Battlestar Galactica (Classic), Season 1",158
-254,Aquaman,159
-255,Instant Karma: The Amnesty International Campaign to Save Darfur,150
-256,Speak of the Devil,114
-257,20th Century Masters - The Millennium Collection: The Best of Scorpions,179
-258,House of Pain,180
-259,Radio Brasil (O Som da Jovem Vanguarda) - Seleccao de Henrique Amaro,36
-260,Cake: B-Sides and Rarities,196
-261,"LOST, Season 4",149
-262,Quiet Songs,197
-263,Muso Ko,198
-264,Realize,199
-265,Every Kind of Light,200
-266,Duos II,201
-267,Worlds,202
-268,The Best of Beethoven,203
-269,Temple of the Dog,204
-270,Carry On,205
-271,Revelations,8
-272,Adorate Deum: Gregorian Chant from the Proper of the Mass,206
-273,Allegri: Miserere,207
-274,Pachelbel: Canon & Gigue,208
-275,Vivaldi: The Four Seasons,209
-276,Bach: Violin Concertos,210
-277,Bach: Goldberg Variations,211
-278,Bach: The Cello Suites,212
-279,Handel: The Messiah (Highlights),213
-280,The World of Classical Favourites,214
-281,Sir Neville Marriner: A Celebration,215
-282,Mozart: Wind Concertos,216
-283,Haydn: Symphonies 99 - 104,217
-284,Beethoven: Symhonies Nos. 5 & 6,218
-285,A Soprano Inspired,219
-286,Great Opera Choruses,220
-287,Wagner: Favourite Overtures,221
-288,"Fauré: Requiem, Ravel: Pavane & Others",222
-289,Tchaikovsky: The Nutcracker,223
-290,The Last Night of the Proms,224
-291,Puccini: Madama Butterfly - Highlights,225
-292,"Holst: The Planets, Op. 32 & Vaughan Williams: Fantasies",226
-293,Pavarotti's Opera Made Easy,227
-294,Great Performances - Barber's Adagio and Other Romantic Favorites for Strings,228
-295,Carmina Burana,229
-296,"A Copland Celebration, Vol. I",230
-297,Bach: Toccata & Fugue in D Minor,231
-298,Prokofiev: Symphony No.1,232
-299,Scheherazade,233
-300,Bach: The Brandenburg Concertos,234
-301,Chopin: Piano Concertos Nos. 1 & 2,235
-302,Mascagni: Cavalleria Rusticana,236
-303,Sibelius: Finlandia,237
-304,Beethoven Piano Sonatas: Moonlight & Pastorale,238
-305,Great Recordings of the Century - Mahler: Das Lied von der Erde,240
-306,Elgar: Cello Concerto & Vaughan Williams: Fantasias,241
-307,"Adams, John: The Chairman Dances",242
-308,"Tchaikovsky: 1812 Festival Overture, Op.49, Capriccio Italien & Beethoven: Wellington's Victory",243
-309,Palestrina: Missa Papae Marcelli & Allegri: Miserere,244
-310,Prokofiev: Romeo & Juliet,245
-311,Strauss: Waltzes,226
-312,Berlioz: Symphonie Fantastique,245
-313,Bizet: Carmen Highlights,246
-314,English Renaissance,247
-315,Handel: Music for the Royal Fireworks (Original Version 1749),208
-316,Grieg: Peer Gynt Suites & Sibelius: Pelléas et Mélisande,248
-317,Mozart Gala: Famous Arias,249
-318,SCRIABIN: Vers la flamme,250
-319,Armada: Music from the Courts of England and Spain,251
-320,Mozart: Symphonies Nos. 40 & 41,248
-321,Back to Black,252
-322,Frank,252
-323,Carried to Dust (Bonus Track Version),253
-324,Beethoven: Symphony No. 6 'Pastoral' Etc.,254
-325,Bartok: Violin & Viola Concertos,255
-326,Mendelssohn: A Midsummer Night's Dream,256
-327,Bach: Orchestral Suites Nos. 1 - 4,257
-328,"Charpentier: Divertissements, Airs & Concerts",258
-329,South American Getaway,259
-330,Górecki: Symphony No. 3,260
-331,Purcell: The Fairy Queen,261
-332,The Ultimate Relexation Album,262
-333,Purcell: Music for the Queen Mary,263
-334,Weill: The Seven Deadly Sins,264
-335,"J.S. Bach: Chaconne, Suite in E Minor, Partita in E Major & Prelude, Fugue and Allegro",265
-336,Prokofiev: Symphony No.5 & Stravinksy: Le Sacre Du Printemps,248
-337,"Szymanowski: Piano Works, Vol. 1",266
-338,Nielsen: The Six Symphonies,267
-339,Great Recordings of the Century: Paganini's 24 Caprices,268
-340,Liszt - 12 Études D'Execution Transcendante,269
-341,"Great Recordings of the Century - Shubert: Schwanengesang, 4 Lieder",270
-342,"Locatelli: Concertos for Violin, Strings and Continuo, Vol. 3",271
-343,Respighi:Pines of Rome,226
-344,Schubert: The Late String Quartets & String Quintet (3 CD's),272
-345,Monteverdi: L'Orfeo,273
-346,Mozart: Chamber Music,274
-347,Koyaanisqatsi (Soundtrack from the Motion Picture),275
-348,asdaasdasdsd,3

chinook/db/data/sap.capire.media.store-Artists.csv

@@ -1,276 +0,0 @@
-ID,name
-1,AC/DC
-2,Accept
-3,Aerosmith
-4,Alanis Morissette
-5,Alice In Chains
-6,Antônio Carlos Jobim
-7,Apocalyptica
-8,Audioslave
-9,BackBeat
-10,Billy Cobham
-11,Black Label Society
-12,Black Sabbath
-13,Body Count
-14,Bruce Dickinson
-15,Buddy Guy
-16,Caetano Veloso
-17,Chico Buarque
-18,Chico Science & Nação Zumbi
-19,Cidade Negra
-20,Cláudio Zoli
-21,Various Artists
-22,Led Zeppelin
-23,Frank Zappa & Captain Beefheart
-24,Marcos Valle
-25,Milton Nascimento & Bebeto
-26,Azymuth
-27,Gilberto Gil
-28,João Gilberto
-29,Bebel Gilberto
-30,Jorge Vercilo
-31,Baby Consuelo
-32,Ney Matogrosso
-33,Luiz Melodia
-34,Nando Reis
-35,Pedro Luís & A Parede
-36,O Rappa
-37,Ed Motta
-38,Banda Black Rio
-39,Fernanda Porto
-40,Os Cariocas
-41,Elis Regina
-42,Milton Nascimento
-43,A Cor Do Som
-44,Kid Abelha
-45,Sandra De Sá
-46,Jorge Ben
-47,Hermeto Pascoal
-48,Barão Vermelho
-49,"Edson, DJ Marky & DJ Patife Featuring Fernanda Porto"
-50,Metallica
-51,Queen
-52,Kiss
-53,Spyro Gyra
-54,Green Day
-55,David Coverdale
-56,Gonzaguinha
-57,Os Mutantes
-58,Deep Purple
-59,Santana
-60,Santana Feat. Dave Matthews
-61,Santana Feat. Everlast
-62,Santana Feat. Rob Thomas
-63,Santana Feat. Lauryn Hill & Cee-Lo
-64,Santana Feat. The Project G&B
-65,Santana Feat. Maná
-66,Santana Feat. Eagle-Eye Cherry
-67,Santana Feat. Eric Clapton
-68,Miles Davis
-69,Gene Krupa
-70,Toquinho & Vinícius
-71,Vinícius De Moraes & Baden Powell
-72,Vinícius De Moraes
-73,Vinícius E Qurteto Em Cy
-74,Vinícius E Odette Lara
-75,"Vinicius, Toquinho & Quarteto Em Cy"
-76,Creedence Clearwater Revival
-77,Cássia Eller
-78,Def Leppard
-79,Dennis Chambers
-80,Djavan
-81,Eric Clapton
-82,Faith No More
-83,Falamansa
-84,Foo Fighters
-85,Frank Sinatra
-86,Funk Como Le Gusta
-87,Godsmack
-88,Guns N' Roses
-89,Incognito
-90,Iron Maiden
-91,James Brown
-92,Jamiroquai
-93,JET
-94,Jimi Hendrix
-95,Joe Satriani
-96,Jota Quest
-97,João Suplicy
-98,Judas Priest
-99,Legião Urbana
-100,Lenny Kravitz
-101,Lulu Santos
-102,Marillion
-103,Marisa Monte
-104,Marvin Gaye
-105,Men At Work
-106,Motörhead
-107,Motörhead & Girlschool
-108,Mônica Marianno
-109,Mötley Crüe
-110,Nirvana
-111,O Terço
-112,Olodum
-113,Os Paralamas Do Sucesso
-114,Ozzy Osbourne
-115,Page & Plant
-116,Passengers
-117,Paul D'Ianno
-118,Pearl Jam
-119,Peter Tosh
-120,Pink Floyd
-121,Planet Hemp
-122,R.E.M. Feat. Kate Pearson
-123,R.E.M. Feat. KRS-One
-124,R.E.M.
-125,Raimundos
-126,Raul Seixas
-127,Red Hot Chili Peppers
-128,Rush
-129,Simply Red
-130,Skank
-131,Smashing Pumpkins
-132,Soundgarden
-133,Stevie Ray Vaughan & Double Trouble
-134,Stone Temple Pilots
-135,System Of A Down
-136,"Terry Bozzio, Tony Levin & Steve Stevens"
-137,The Black Crowes
-138,The Clash
-139,The Cult
-140,The Doors
-141,The Police
-142,The Rolling Stones
-143,The Tea Party
-144,The Who
-145,Tim Maia
-146,Titãs
-147,Battlestar Galactica
-148,Heroes
-149,Lost
-150,U2
-151,UB40
-152,Van Halen
-153,Velvet Revolver
-154,Whitesnake
-155,Zeca Pagodinho
-156,The Office
-157,Dread Zeppelin
-158,Battlestar Galactica (Classic)
-159,Aquaman
-160,Christina Aguilera featuring BigElf
-161,Aerosmith & Sierra Leone's Refugee Allstars
-162,Los Lonely Boys
-163,Corinne Bailey Rae
-164,Dhani Harrison & Jakob Dylan
-165,Jackson Browne
-166,Avril Lavigne
-167,Big & Rich
-168,Youssou N'Dour
-169,Black Eyed Peas
-170,Jack Johnson
-171,Ben Harper
-172,Snow Patrol
-173,Matisyahu
-174,The Postal Service
-175,Jaguares
-176,The Flaming Lips
-177,Jack's Mannequin & Mick Fleetwood
-178,Regina Spektor
-179,Scorpions
-180,House Of Pain
-181,Xis
-182,Nega Gizza
-183,Gustavo & Andres Veiga & Salazar
-184,Rodox
-185,Charlie Brown Jr.
-186,Pedro Luís E A Parede
-187,Los Hermanos
-188,Mundo Livre S/A
-189,Otto
-190,Instituto
-191,Nação Zumbi
-192,DJ Dolores & Orchestra Santa Massa
-193,Seu Jorge
-194,Sabotage E Instituto
-195,Stereo Maracana
-196,Cake
-197,Aisha Duo
-198,Habib Koité and Bamada
-199,Karsh Kale
-200,The Posies
-201,Luciana Souza/Romero Lubambo
-202,Aaron Goldberg
-203,Nicolaus Esterhazy Sinfonia
-204,Temple of the Dog
-205,Chris Cornell
-206,Alberto Turco & Nova Schola Gregoriana
-207,"Richard Marlow & The Choir of Trinity College, Cambridge"
-208,English Concert & Trevor Pinnock
-209,"Anne-Sophie Mutter, Herbert Von Karajan & Wiener Philharmoniker"
-210,"Hilary Hahn, Jeffrey Kahane, Los Angeles Chamber Orchestra & Margaret Batjer"
-211,Wilhelm Kempff
-212,Yo-Yo Ma
-213,Scholars Baroque Ensemble
-214,Academy of St. Martin in the Fields & Sir Neville Marriner
-215,Academy of St. Martin in the Fields Chamber Ensemble & Sir Neville Marriner
-216,"Berliner Philharmoniker, Claudio Abbado & Sabine Meyer"
-217,Royal Philharmonic Orchestra & Sir Thomas Beecham
-218,Orchestre Révolutionnaire et Romantique & John Eliot Gardiner
-219,"Britten Sinfonia, Ivor Bolton & Lesley Garrett"
-220,"Chicago Symphony Chorus, Chicago Symphony Orchestra & Sir Georg Solti"
-221,Sir Georg Solti & Wiener Philharmoniker
-222,"Academy of St. Martin in the Fields, John Birch, Sir Neville Marriner & Sylvia McNair"
-223,London Symphony Orchestra & Sir Charles Mackerras
-224,Barry Wordsworth & BBC Concert Orchestra
-225,"Herbert Von Karajan, Mirella Freni & Wiener Philharmoniker"
-226,Eugene Ormandy
-227,Luciano Pavarotti
-228,Leonard Bernstein & New York Philharmonic
-229,Boston Symphony Orchestra & Seiji Ozawa
-230,Aaron Copland & London Symphony Orchestra
-231,Ton Koopman
-232,Sergei Prokofiev & Yuri Temirkanov
-233,Chicago Symphony Orchestra & Fritz Reiner
-234,Orchestra of The Age of Enlightenment
-235,"Emanuel Ax, Eugene Ormandy & Philadelphia Orchestra"
-236,James Levine
-237,Berliner Philharmoniker & Hans Rosbaud
-238,Maurizio Pollini
-239,"Academy of St. Martin in the Fields, Sir Neville Marriner & William Bennett"
-240,Gustav Mahler
-241,"Felix Schmidt, London Symphony Orchestra & Rafael Frühbeck de Burgos"
-242,Edo de Waart & San Francisco Symphony
-243,Antal Doráti & London Symphony Orchestra
-244,Choir Of Westminster Abbey & Simon Preston
-245,Michael Tilson Thomas & San Francisco Symphony
-246,"Chor der Wiener Staatsoper, Herbert Von Karajan & Wiener Philharmoniker"
-247,The King's Singers
-248,Berliner Philharmoniker & Herbert Von Karajan
-249,"Sir Georg Solti, Sumi Jo & Wiener Philharmoniker"
-250,Christopher O'Riley
-251,Fretwork
-252,Amy Winehouse
-253,Calexico
-254,Otto Klemperer & Philharmonia Orchestra
-255,Yehudi Menuhin
-256,Philharmonia Orchestra & Sir Neville Marriner
-257,"Academy of St. Martin in the Fields, Sir Neville Marriner & Thurston Dart"
-258,Les Arts Florissants & William Christie
-259,The 12 Cellists of The Berlin Philharmonic
-260,Adrian Leaper & Doreen de Feis
-261,"Roger Norrington, London Classical Players"
-262,Charles Dutoit & L'Orchestre Symphonique de Montréal
-263,"Equale Brass Ensemble, John Eliot Gardiner & Munich Monteverdi Orchestra and Choir"
-264,Kent Nagano and Orchestre de l'Opéra de Lyon
-265,Julian Bream
-266,Martin Roscoe
-267,Göteborgs Symfoniker & Neeme Järvi
-268,Itzhak Perlman
-269,Michele Campanella
-270,Gerald Moore
-271,"Mela Tenenbaum, Pro Musica Prague & Richard Kapp"
-272,Emerson String Quartet
-273,"C. Monteverdi, Nigel Rogers - Chiaroscuro; London Baroque; London Cornett & Sackbu"
-274,Nash Ensemble
-275,Philip Glass Ensemble