fixes

Author: matheusmr13

CONTRIBUTING.md

@@ -2,4 +2,8 @@
 
 This is a WIP file.
 
-If you want to contribute now, please reach out! Create an issue and lets discuss about it! (: 
+If you want to contribute now, please reach out! Create an issue and lets discuss about it! (:
+
+## Backoffice
+
+Checkout our [doc](https://matheusmr13.github.io/create-micro-react-app/docs/backoffice/developing).

packages/doc/docs/backoffice/developing.md

@@ -0,0 +1,31 @@
+---
+id: developing
+title: Developing
+---
+
+### Setup your environment
+
+First of all, you will need a postgresql server to connect to.
+
+If you are using aws s3 as your artifact's host, login in into aws cli and then startup your backoffice
+
+Create a .env.development.local with some envs:
+
+```
+# Core configs
+
+database_config='{"host":"my.host", "port": 5432, "username": "my-user", "password": "my-password", "database": "my-db}'
+firebase_admin_config='FIREBASE_ADMIN_CONFIG_JSON' # https://firebase.google.com/docs/admin/setup#initialize_the_sdk
+firebase_config='FIREBASE_CONFIG_JSON' # https://firebase.google.com/docs/web/setup#config-object
+
+# AWS (needed only if you will use aws s3 as your artifact manager or to deploy some application)
+aws_profile='my-profile'
+AWS_SDK_LOAD_CONFIG=1 # needed to use a profile
+AWS_ARTIFACTS_BUCKET='some-bucket-with-all-artifacts'
+```
+
+Run a script:
+
+`./scripts/start.js`
+
+Access your backoffice: http://localhost:3333/

packages/doc/docs/backoffice/namespace.md

@@ -3,4 +3,6 @@ id: namespace
 title: Namespace
 ---
 
-asd
+import { WipTag } from './components/tag';
+
+<WipTag />

packages/doc/sidebars.js

@@ -4,7 +4,13 @@ module.exports = {
     Core: ['core', 'core/examples'],
     'How it works': ['how-it-works'],
     'Command line interface': ['cli', 'cli/create', 'cli/start', 'cli/build'],
-    Backoffice: ['backoffice', 'backoffice/setup-environment', 'backoffice/setup-application', 'backoffice/namespace'],
+    Backoffice: [
+      'backoffice',
+      'backoffice/setup-environment',
+      'backoffice/setup-application',
+      'backoffice/namespace',
+      'backoffice/namespace',
+    ],
     Support: ['support'],
   },
 };

packages/server/migration/1598384168452-PostRefactorin.ts

@@ -0,0 +1,26 @@
+import {MigrationInterface, QueryRunner} from "typeorm";
+
+export class PostRefactorin1598384168452 implements MigrationInterface {
+    name = 'PostRefactorin1598384168452'
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`CREATE TABLE "user" ("id" character varying NOT NULL, "githubToken" character varying NOT NULL, "slackToken" character varying NOT NULL, CONSTRAINT "PK_cace4a159ff9f2512dd42373760" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "version" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "name" character varying NOT NULL, "createdAt" character varying NOT NULL, "microfrontendId" character varying NOT NULL, "sha" character varying NOT NULL, "path" character varying NOT NULL, "status" character varying NOT NULL, CONSTRAINT "PK_4fb5fbb15a43da9f35493107b1d" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "microfrontend" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "name" character varying NOT NULL, "ownerId" character varying NOT NULL, "createdAt" character varying NOT NULL, "packageName" character varying NOT NULL, "projectLink" character varying NOT NULL, "integrationType" character varying, "originId" character varying, "applicationId" character varying NOT NULL, "approvalType" character varying NOT NULL, "type" character varying NOT NULL, CONSTRAINT "PK_7a5b9f984737f28b20d8bf54bc0" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "deploy" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "name" character varying NOT NULL, "ownerId" character varying NOT NULL, "createdAt" character varying NOT NULL, "versions" text NOT NULL, "applicationId" character varying NOT NULL, "namespaceId" character varying NOT NULL, "status" character varying NOT NULL, CONSTRAINT "PK_e515d996a39c08335939905ca2b" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "namespace" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "name" character varying NOT NULL, "ownerId" character varying NOT NULL, "createdAt" character varying NOT NULL, "path" character varying NOT NULL, "applicationId" character varying NOT NULL, "isMain" boolean NOT NULL, "currentDeployId" character varying NOT NULL, "nextDeployId" character varying NOT NULL, CONSTRAINT "PK_155557f16b1d166388d7308086a" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "application" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "name" character varying NOT NULL, "ownerId" character varying NOT NULL, "createdAt" character varying NOT NULL, "integrationType" character varying, "destinationId" character varying, "slackChannelId" character varying, CONSTRAINT "PK_569e0c3e863ebdf5f2408ee1670" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "destination" ("id" uuid NOT NULL, "type" character varying NOT NULL, "config" text NOT NULL, CONSTRAINT "PK_e45b5ee5788eb3c7f0ae41746e7" PRIMARY KEY ("id"))`);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`DROP TABLE "destination"`);
+        await queryRunner.query(`DROP TABLE "application"`);
+        await queryRunner.query(`DROP TABLE "namespace"`);
+        await queryRunner.query(`DROP TABLE "deploy"`);
+        await queryRunner.query(`DROP TABLE "microfrontend"`);
+        await queryRunner.query(`DROP TABLE "version"`);
+        await queryRunner.query(`DROP TABLE "user"`);
+    }
+
+}

packages/server/ormconfig.json

@@ -43,6 +43,9 @@ class Microfrontend extends BaseEntity {
   @Column()
   public packageName: string = '';
 
+  @Column()
+  public projectLink: string = '';
+
   @Column({ nullable: true })
   public integrationType?: INTEGRATION_TYPE;
 

packages/server/src/entity/microfrontend.ts

@@ -121,7 +121,7 @@ function FullApp() {
             ))}
           </Switch>
         </Content>
-        <Footer style={{ textAlign: 'center' }}>Copyright © 2020 Matheus Martins</Footer>
+        <Footer style={{ textAlign: 'center' }}><a href="https://matheusmr13.github.io/create-micro-react-app/docs/">Create Micro React App</a></Footer>
       </Layout>
     </Layout>
   );

packages/webapp/src/app/home/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { Card, Col, Row } from 'antd';
+import { Card, Col, Row, Tag, Space } from 'antd';
 import { useLoggedApiRequest } from 'base/hooks/request';
 import { Link } from 'react-router-dom';
 import Section from 'base/components/section';
@@ -21,7 +21,10 @@ const MicrofrontendList: React.FunctionComponent<IMicrofrontendListProps> = ({ a
           microfrontends.map((microfrontend: any) => (
             <Col span={6} key={microfrontend.id}>
               <Card title={microfrontend.name} extra={<Link to={`../microfrontend/${microfrontend.id}`}>Edit</Link>}>
-                {microfrontend.name}
+                <Space direction="vertical">
+                  <Tag color="blue">package: {microfrontend.packageName}</Tag>
+                  <Tag color={microfrontend.type === 'CONTAINER' ? 'red' : 'orange'}>type: {microfrontend.type}</Tag>
+                </Space>
               </Card>
             </Col>
           ))}

packages/webapp/src/modules/application/details/microfrontend-list.tsx

@@ -2,7 +2,7 @@ import React, { useState, FC } from 'react';
 import { useLoggedApiRequest } from 'base/hooks/request';
 
 import { useHistory } from 'react-router-dom';
-import { Form, Input, Button, Typography, Timeline, Select, AutoComplete } from 'antd';
+import { Form, Input, Button, Typography, Timeline, Select, AutoComplete, Switch } from 'antd';
 import Page from 'base/components/page';
 import useQuery from 'base/hooks/query-param';
 const { Title } = Typography;
@@ -105,6 +105,17 @@ const NewMicrofrontend: React.FC<{
           <Input />
         </Form.Item>
 
+        <Form.Item label="Project link" name="projectLink">
+          <Input />
+        </Form.Item>
+
+        <Form.Item label="Type" name="type">
+          <Select>
+            <Select.Option value="MICROFRONTEND">Microfrontend</Select.Option>
+            <Select.Option value="CONTAINER">Container</Select.Option>
+          </Select>
+        </Form.Item>
+
         {!loadingIntegrations && (
           <Form.Item label="Integration type" name="integrationType">
             <Select>