Amplication build # cliax3da504yyi201bpi8jekj

Build URL: [https://app.amplication.com/cliadt2li00rxi201ly2b06sp/cliadt2ze00s7i201noiadzr2/cliafzzwa01p7i201epoygfox/builds/cliax3da504yyi201bpi8jekj](https://app.amplication.com/cliadt2li00rxi201ly2b06sp/cliadt2ze00s7i201noiadzr2/cliafzzwa01p7i201epoygfox/builds/cliax3da504yyi201bpi8jekj)

.github/workflows/workflow.yaml

@@ -0,0 +1,36 @@
+name: continuous integration - the-platform
+
+concurrency:
+  group: the-platform
+  cancel-in-progress: true
+
+on:
+  workflow_dispatch:
+  push:
+    branches: ["*"]
+    paths: ["./platform/serv"]
+
+jobs:
+  continuous-integration:
+    name: continuous integration
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+
+      - name: setup node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+
+      - name: install dependencies
+        run: npm install
+        working-directory: ./platform/serv
+
+      - name: build
+        run: npm run build
+        working-directory: ./platform/serv
+
+      - name: test
+        run: npm test
+        working-directory: ./platform/serv

platform/serv-admin/.dockerignore

@@ -0,0 +1,7 @@
+.dockerignore
+docker-compose.yml
+Dockerfile
+build/
+node_modules
+.env
+.gitignore

platform/serv-admin/.env

@@ -0,0 +1,2 @@
+PORT=3001
+REACT_APP_SERVER_URL=http://localhost:3000

platform/serv-admin/.gitignore

@@ -0,0 +1,23 @@
+# 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*

platform/serv-admin/Dockerfile

@@ -0,0 +1,23 @@
+FROM node:18.12.1 AS base
+
+ARG REACT_APP_SERVER_URL
+
+ENV REACT_APP_SERVER_URL=$REACT_APP_SERVER_URL
+
+WORKDIR /app
+
+COPY package.json package-lock.json ./
+
+RUN npm ci
+
+COPY . .
+
+RUN npm run build
+
+FROM nginx:stable-alpine AS prod
+
+COPY --from=base /app/build /usr/share/nginx/html
+
+EXPOSE 80
+
+ENTRYPOINT ["nginx", "-g", "daemon off;"]

platform/serv-admin/README.md

@@ -0,0 +1,53 @@
+<p align="right">
+  <a href="https://amplication.com" target="_blank">
+    <img alt="amplication-logo" height="70" alt="Amplication Logo" src="https://amplication.com/images/amplication-logo-purple.svg"/>
+  </a>
+</p>
+
+# Introduction
+
+This service was generated with Amplication. It serves as the client-side for the generated server component. The client-side consist of a React application with ready-made forms for creating and editing the different data models of the application. It is pre-conffigured to work with the server and comes with the boilerplate and foundation for the client - i.e., routing, navigation, authentication, premissions, menu, breadcrumbs, error handling and much more. Additional information about the admin component and the architecture around it, can be found on the [documentation](https://docs.amplication.com/guides/getting-started) site. This side of the generated project was bootstrapped with [create-react-app](https://github.com/facebook/create-react-app) and built with [react-admin](https://marmelab.com/react-admin/).
+
+
+<p align="center">
+  <img src="https://d33wubrfki0l68.cloudfront.net/2615bedd21c48089ab38a099bad9638b28879511/091b4/assets/images/admin-ui-9b6590728393d532ad798e9dc14138ac.png" width="700px">
+</p>
+
+# Getting started
+
+## Step 1: Configuration
+
+Configuration for the client component can be provided through the use of environment variables. These can be passed to the application via the use of the `.env` file in the base directory of the generated service. Below a table can be found which show the different variables that can be passed. These values are provided default values after generation, change them to the desired values.
+
+| Variable             | Description                                      | Value                           |
+| -------------------- | ------------------------------------------------ |  ------------------------------ |
+| PORT                 | the port on which to run the client              | 3001                            |
+| REACT_APP_SERVER_URL | the url on which the server component is running | http://localhost:[server-port]  |
+
+> **Note**
+> Amplication generates default values and stores them under the .env file. It is advised to use some form of secrets manager/vault solution when using in production. 
+
+
+## Step 2: Scripts
+
+After configuration of the client the next step would be to run the application. Before running the client side of the component, make sure that the different pre-requisites are met - i.e., npm, docker. Make sure that the server-side of the application is running.
+
+```sh
+# installation of the dependencies
+$ npm install
+```
+
+```sh
+# starts the application in development mode - available by default under http://localhost:3001 
+$ npm run start
+```
+
+```sh
+# builds the application in production mode - available under 'build'
+$ npm run build
+```
+
+```sh
+# removes the single build dependency from the project
+$ npm run eject
+```

platform/serv-admin/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@the-platform/admin",
+  "private": true,
+  "dependencies": {
+    "@apollo/client": "3.6.9",
+    "@material-ui/core": "4.12.4",
+    "graphql": "15.6.1",
+    "lodash": "4.17.21",
+    "pluralize": "8.0.0",
+    "ra-data-graphql-amplication": "0.0.13",
+    "react": "16.14.0",
+    "react-admin": "3.19.11",
+    "react-dom": "16.14.0",
+    "react-scripts": "5.0.0",
+    "sass": "^1.39.0",
+    "web-vitals": "1.1.2"
+  },
+  "overrides": {
+    "react-scripts": {
+      "@svgr/webpack": "6.5.1"
+    }
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "package:container": "docker build .",
+    "format": "prettier --write ."
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "5.14.1",
+    "@testing-library/react": "11.2.7",
+    "@testing-library/user-event": "13.2.0",
+    "@types/jest": "26.0.16",
+    "@types/lodash": "4.14.178",
+    "@types/node": "12.20.16",
+    "@types/react": "16.14.11",
+    "@types/react-dom": "17.0.0",
+    "type-fest": "0.13.1",
+    "typescript": "4.2.4",
+    "prettier": "^2.8.0"
+  }
+}

platform/serv-admin/public/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="The Bouncer-AI Controlled Creativity Wonderland
+Congratulations! You have stumbled upon the promised land of ideas - The Platform.
+
+I've always believed that creativity should never be held back by the constant need to clean up digital clutter.
+That's why I built The Platform. It's a bustling space for ideas and their offspring,
+wrapped in an AI-controlled environment that's as clean as a freshly starched shirt.
+
+It's essentially the sanctum where I can continue my customary chaotic creativity, while an army of diligent AI agents (think of them as charming, dutiful butlers) ensure that all the ensuing mess is taken care of. The main AI is the Bouncer, a robust system tasked with keeping the order intact while I dive headfirst into the sea of my ideas." />
+    <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>The Platform</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>

platform/serv-admin/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "The Platform",
+  "name": "The Platform",
+  "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"
+}

platform/serv-admin/public/robots.txt

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

platform/serv-admin/src/App.scss

@@ -0,0 +1,59 @@
+// .App {
+//   .MuiAppBar-colorSecondary {
+//     background-color: black;
+
+//     .RaAppBar-menuButton-13 {
+//       background-color: yellow;
+//     }
+//   }
+
+//   .MuiDrawer-paper {
+//     background-color: red;
+
+//     .MuiListItemIcon-root {
+//       color: white;
+//     }
+//   }
+
+//   .MuiButton-textPrimary {
+//     background-color: purple;
+//     margin: 0 0.5rem;
+//     color: white;
+//     padding: 0.5rem 1rem;
+
+//     &:hover {
+//       background-color: blue;
+//     }
+//   }
+
+//   .MuiTableRow-head {
+//     .MuiTableCell-head {
+//       background-color: black;
+//       color: white;
+//     }
+
+//     .MuiTableSortLabel-root {
+//       &:hover {
+//         color: red;
+
+//         .MuiTableSortLabel-icon {
+//           color: red !important;
+//         }
+//       }
+//       .MuiTableSortLabel-icon {
+//         color: white !important;
+//       }
+//     }
+//     .MuiTableSortLabel-active {
+//       color: green;
+
+//       .MuiTableSortLabel-icon {
+//         color: green !important;
+//       }
+//     }
+//   }
+
+//   .MuiFormLabel-root {
+//     color: magenta;
+//   }
+// }