Compare commits
10 Commits
master
...
v0.1.0-pre
| Author | SHA1 | Date | |
|---|---|---|---|
|
f810aedfaa | ||
|
|
7d04d53d02 | ||
|
|
e21e6fc3e2 | ||
|
|
9334a45e55 | ||
|
|
d29eeaae90 | ||
|
|
4a533748f3 | ||
|
|
183564aed8 | ||
|
|
0b5fa5b643 | ||
|
|
2e70c31849 | ||
|
|
065e1679ba |
2
.vscode/settings.json
vendored
2
.vscode/settings.json
vendored
@ -3,8 +3,6 @@
|
|||||||
"Formik",
|
"Formik",
|
||||||
"clsx",
|
"clsx",
|
||||||
"fontsource",
|
"fontsource",
|
||||||
"notistack",
|
|
||||||
"unmount",
|
|
||||||
"vditor"
|
"vditor"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@ -7,6 +7,6 @@ generates:
|
|||||||
- "typescript"
|
- "typescript"
|
||||||
- "typescript-operations"
|
- "typescript-operations"
|
||||||
- "typescript-react-apollo"
|
- "typescript-react-apollo"
|
||||||
src/generated/graphql.schema.json:
|
./graphql.schema.json:
|
||||||
plugins:
|
plugins:
|
||||||
- "introspection"
|
- "introspection"
|
||||||
|
|||||||
@ -10,163 +10,6 @@
|
|||||||
"name": "Subscription"
|
"name": "Subscription"
|
||||||
},
|
},
|
||||||
"types": [
|
"types": [
|
||||||
{
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "Commit",
|
|
||||||
"description": null,
|
|
||||||
"fields": [
|
|
||||||
{
|
|
||||||
"name": "hash",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "date",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "DateTime",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "message",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "refs",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "body",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "author_name",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "author_email",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "tasks",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "LIST",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "PipelineTask",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": [],
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"description": "The `String` scalar type represents textual data, represented as UTF-8 character sequences. The String type is most often used by GraphQL to represent free-form human-readable text.",
|
|
||||||
"fields": null,
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": null,
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"kind": "INPUT_OBJECT",
|
"kind": "INPUT_OBJECT",
|
||||||
"name": "CreatePipelineInput",
|
"name": "CreatePipelineInput",
|
||||||
@ -242,6 +85,16 @@
|
|||||||
"enumValues": null,
|
"enumValues": null,
|
||||||
"possibleTypes": null
|
"possibleTypes": null
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"kind": "SCALAR",
|
||||||
|
"name": "String",
|
||||||
|
"description": "The `String` scalar type represents textual data, represented as UTF-8 character sequences. The String type is most often used by GraphQL to represent free-form human-readable text.",
|
||||||
|
"fields": null,
|
||||||
|
"inputFields": null,
|
||||||
|
"interfaces": null,
|
||||||
|
"enumValues": null,
|
||||||
|
"possibleTypes": null
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"kind": "INPUT_OBJECT",
|
"kind": "INPUT_OBJECT",
|
||||||
"name": "CreatePipelineTaskInput",
|
"name": "CreatePipelineTaskInput",
|
||||||
@ -576,6 +429,83 @@
|
|||||||
"enumValues": null,
|
"enumValues": null,
|
||||||
"possibleTypes": null
|
"possibleTypes": null
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"kind": "OBJECT",
|
||||||
|
"name": "LogList",
|
||||||
|
"description": null,
|
||||||
|
"fields": [
|
||||||
|
{
|
||||||
|
"name": "all",
|
||||||
|
"description": null,
|
||||||
|
"args": [],
|
||||||
|
"type": {
|
||||||
|
"kind": "NON_NULL",
|
||||||
|
"name": null,
|
||||||
|
"ofType": {
|
||||||
|
"kind": "LIST",
|
||||||
|
"name": null,
|
||||||
|
"ofType": {
|
||||||
|
"kind": "NON_NULL",
|
||||||
|
"name": null,
|
||||||
|
"ofType": {
|
||||||
|
"kind": "OBJECT",
|
||||||
|
"name": "LogFields",
|
||||||
|
"ofType": null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"isDeprecated": false,
|
||||||
|
"deprecationReason": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "total",
|
||||||
|
"description": null,
|
||||||
|
"args": [],
|
||||||
|
"type": {
|
||||||
|
"kind": "NON_NULL",
|
||||||
|
"name": null,
|
||||||
|
"ofType": {
|
||||||
|
"kind": "SCALAR",
|
||||||
|
"name": "Float",
|
||||||
|
"ofType": null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"isDeprecated": false,
|
||||||
|
"deprecationReason": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "latest",
|
||||||
|
"description": null,
|
||||||
|
"args": [],
|
||||||
|
"type": {
|
||||||
|
"kind": "NON_NULL",
|
||||||
|
"name": null,
|
||||||
|
"ofType": {
|
||||||
|
"kind": "OBJECT",
|
||||||
|
"name": "LogFields",
|
||||||
|
"ofType": null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"isDeprecated": false,
|
||||||
|
"deprecationReason": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"inputFields": null,
|
||||||
|
"interfaces": [],
|
||||||
|
"enumValues": null,
|
||||||
|
"possibleTypes": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"kind": "SCALAR",
|
||||||
|
"name": "Float",
|
||||||
|
"description": "The `Float` scalar type represents signed double-precision fractional values as specified by [IEEE 754](https://en.wikipedia.org/wiki/IEEE_floating_point).",
|
||||||
|
"fields": null,
|
||||||
|
"inputFields": null,
|
||||||
|
"interfaces": null,
|
||||||
|
"enumValues": null,
|
||||||
|
"possibleTypes": null
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"kind": "OBJECT",
|
"kind": "OBJECT",
|
||||||
"name": "Mutation",
|
"name": "Mutation",
|
||||||
@ -714,11 +644,11 @@
|
|||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "updatePipeline",
|
"name": "modifyPipeline",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [
|
"args": [
|
||||||
{
|
{
|
||||||
"name": "pipeline",
|
"name": "Pipeline",
|
||||||
"description": null,
|
"description": null,
|
||||||
"type": {
|
"type": {
|
||||||
"kind": "NON_NULL",
|
"kind": "NON_NULL",
|
||||||
@ -732,6 +662,22 @@
|
|||||||
"defaultValue": null,
|
"defaultValue": null,
|
||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "id",
|
||||||
|
"description": null,
|
||||||
|
"type": {
|
||||||
|
"kind": "NON_NULL",
|
||||||
|
"name": null,
|
||||||
|
"ofType": {
|
||||||
|
"kind": "SCALAR",
|
||||||
|
"name": "String",
|
||||||
|
"ofType": null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"defaultValue": null,
|
||||||
|
"isDeprecated": false,
|
||||||
|
"deprecationReason": null
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"type": {
|
"type": {
|
||||||
@ -811,39 +757,6 @@
|
|||||||
},
|
},
|
||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "stopPipelineTask",
|
|
||||||
"description": null,
|
|
||||||
"args": [
|
|
||||||
{
|
|
||||||
"name": "id",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "Boolean",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"inputFields": null,
|
"inputFields": null,
|
||||||
@ -851,26 +764,6 @@
|
|||||||
"enumValues": null,
|
"enumValues": null,
|
||||||
"possibleTypes": null
|
"possibleTypes": null
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "Float",
|
|
||||||
"description": "The `Float` scalar type represents signed double-precision fractional values as specified by [IEEE 754](https://en.wikipedia.org/wiki/IEEE_floating_point).",
|
|
||||||
"fields": null,
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": null,
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "Boolean",
|
|
||||||
"description": "The `Boolean` scalar type represents `true` or `false`.",
|
|
||||||
"fields": null,
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": null,
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"kind": "OBJECT",
|
"kind": "OBJECT",
|
||||||
"name": "Pipeline",
|
"name": "Pipeline",
|
||||||
@ -1144,22 +1037,6 @@
|
|||||||
},
|
},
|
||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "runOn",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"inputFields": null,
|
"inputFields": null,
|
||||||
@ -1169,57 +1046,9 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"kind": "OBJECT",
|
"kind": "OBJECT",
|
||||||
"name": "PipelineTaskEvent",
|
"name": "PipelineTaskLogMessage",
|
||||||
"description": null,
|
"description": null,
|
||||||
"fields": [
|
"fields": [
|
||||||
{
|
|
||||||
"name": "taskId",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "pipelineId",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "projectId",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"name": "unit",
|
"name": "unit",
|
||||||
"description": null,
|
"description": null,
|
||||||
@ -1233,7 +1062,7 @@
|
|||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "emittedAt",
|
"name": "time",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [],
|
"args": [],
|
||||||
"type": {
|
"type": {
|
||||||
@ -1265,7 +1094,7 @@
|
|||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "messageType",
|
"name": "isError",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [],
|
"args": [],
|
||||||
"type": {
|
"type": {
|
||||||
@ -1273,23 +1102,7 @@
|
|||||||
"name": null,
|
"name": null,
|
||||||
"ofType": {
|
"ofType": {
|
||||||
"kind": "SCALAR",
|
"kind": "SCALAR",
|
||||||
"name": "String",
|
"name": "Boolean",
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "status",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "ENUM",
|
|
||||||
"name": "TaskStatuses",
|
|
||||||
"ofType": null
|
"ofType": null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -1302,6 +1115,16 @@
|
|||||||
"enumValues": null,
|
"enumValues": null,
|
||||||
"possibleTypes": null
|
"possibleTypes": null
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"kind": "SCALAR",
|
||||||
|
"name": "Boolean",
|
||||||
|
"description": "The `Boolean` scalar type represents `true` or `false`.",
|
||||||
|
"fields": null,
|
||||||
|
"inputFields": null,
|
||||||
|
"interfaces": null,
|
||||||
|
"enumValues": null,
|
||||||
|
"possibleTypes": null
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"kind": "OBJECT",
|
"kind": "OBJECT",
|
||||||
"name": "PipelineTaskLogs",
|
"name": "PipelineTaskLogs",
|
||||||
@ -1604,7 +1427,7 @@
|
|||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "pipelines",
|
"name": "listPipelines",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [
|
"args": [
|
||||||
{
|
{
|
||||||
@ -1641,7 +1464,7 @@
|
|||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "pipeline",
|
"name": "findPipeline",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [
|
"args": [
|
||||||
{
|
{
|
||||||
@ -1673,43 +1496,6 @@
|
|||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"name": "commits",
|
|
||||||
"description": null,
|
|
||||||
"args": [
|
|
||||||
{
|
|
||||||
"name": "pipelineId",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": {
|
|
||||||
"kind": "LIST",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "Commit",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"name": "listPipelineTaskByPipelineId",
|
"name": "listPipelineTaskByPipelineId",
|
||||||
"description": null,
|
"description": null,
|
||||||
@ -1752,7 +1538,7 @@
|
|||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "pipelineTask",
|
"name": "findPipelineTask",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [
|
"args": [
|
||||||
{
|
{
|
||||||
@ -1796,23 +1582,11 @@
|
|||||||
"description": null,
|
"description": null,
|
||||||
"fields": [
|
"fields": [
|
||||||
{
|
{
|
||||||
"name": "syncCommits",
|
"name": "listLogsForPipeline",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [
|
"args": [
|
||||||
{
|
{
|
||||||
"name": "appInstance",
|
"name": "id",
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "pipelineId",
|
|
||||||
"description": null,
|
"description": null,
|
||||||
"type": {
|
"type": {
|
||||||
"kind": "NON_NULL",
|
"kind": "NON_NULL",
|
||||||
@ -1829,15 +1603,19 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"type": {
|
"type": {
|
||||||
"kind": "SCALAR",
|
"kind": "NON_NULL",
|
||||||
"name": "String",
|
"name": null,
|
||||||
|
"ofType": {
|
||||||
|
"kind": "OBJECT",
|
||||||
|
"name": "LogList",
|
||||||
"ofType": null
|
"ofType": null
|
||||||
|
}
|
||||||
},
|
},
|
||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "pipelineTaskEvent",
|
"name": "pipelineTaskLog",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [
|
"args": [
|
||||||
{
|
{
|
||||||
@ -1862,7 +1640,7 @@
|
|||||||
"name": null,
|
"name": null,
|
||||||
"ofType": {
|
"ofType": {
|
||||||
"kind": "OBJECT",
|
"kind": "OBJECT",
|
||||||
"name": "PipelineTaskEvent",
|
"name": "PipelineTaskLogMessage",
|
||||||
"ofType": null
|
"ofType": null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -2012,22 +1790,6 @@
|
|||||||
"defaultValue": null,
|
"defaultValue": null,
|
||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "id",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"interfaces": null,
|
"interfaces": null,
|
||||||
@ -2249,7 +2011,7 @@
|
|||||||
"name": null,
|
"name": null,
|
||||||
"ofType": {
|
"ofType": {
|
||||||
"kind": "SCALAR",
|
"kind": "SCALAR",
|
||||||
"name": "Int",
|
"name": "Float",
|
||||||
"ofType": null
|
"ofType": null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -2286,16 +2048,6 @@
|
|||||||
"enumValues": null,
|
"enumValues": null,
|
||||||
"possibleTypes": null
|
"possibleTypes": null
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "Int",
|
|
||||||
"description": "The `Int` scalar type represents non-fractional signed whole numeric values. Int can represent values between -(2^31) and 2^31 - 1.",
|
|
||||||
"fields": null,
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": null,
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"kind": "INPUT_OBJECT",
|
"kind": "INPUT_OBJECT",
|
||||||
"name": "WorkUnitMetadataInput",
|
"name": "WorkUnitMetadataInput",
|
||||||
@ -2307,7 +2059,7 @@
|
|||||||
"description": null,
|
"description": null,
|
||||||
"type": {
|
"type": {
|
||||||
"kind": "SCALAR",
|
"kind": "SCALAR",
|
||||||
"name": "Int",
|
"name": "Float",
|
||||||
"ofType": null
|
"ofType": null
|
||||||
},
|
},
|
||||||
"defaultValue": "1",
|
"defaultValue": "1",
|
||||||
15376
package-lock.json
generated
15376
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
20
package.json
20
package.json
@ -1,15 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "fennec-bs",
|
"name": "fennec-bs",
|
||||||
"version": "0.1.1",
|
"version": "0.1.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@apollo/client": "^3.3.15",
|
"@apollo/client": "^3.3.15",
|
||||||
"@curi/react-dom": "^2.0.4",
|
"@curi/react-dom": "^2.0.4",
|
||||||
"@curi/router": "^2.1.2",
|
"@curi/router": "^2.1.2",
|
||||||
"@date-io/date-fns": "^1.3.13",
|
"@date-io/date-fns": "^1.3.13",
|
||||||
"@fortawesome/fontawesome-svg-core": "^1.2.35",
|
|
||||||
"@fortawesome/free-solid-svg-icons": "^5.15.3",
|
|
||||||
"@fortawesome/react-fontawesome": "^0.1.14",
|
|
||||||
"@hickory/browser": "^2.1.0",
|
"@hickory/browser": "^2.1.0",
|
||||||
"@material-ui/core": "^4.11.3",
|
"@material-ui/core": "^4.11.3",
|
||||||
"@material-ui/icons": "^4.11.2",
|
"@material-ui/icons": "^4.11.2",
|
||||||
@ -22,16 +19,12 @@
|
|||||||
"@types/node": "^12.20.10",
|
"@types/node": "^12.20.10",
|
||||||
"@types/react": "^17.0.3",
|
"@types/react": "^17.0.3",
|
||||||
"@types/react-dom": "^17.0.3",
|
"@types/react-dom": "^17.0.3",
|
||||||
"apollo-link-scalars": "^2.1.3",
|
|
||||||
"date-fns": "^2.21.1",
|
"date-fns": "^2.21.1",
|
||||||
"fontsource-roboto": "^4.0.0",
|
"fontsource-roboto": "^4.0.0",
|
||||||
"formik": "^2.2.6",
|
"formik": "^2.2.6",
|
||||||
"formik-material-ui": "^3.0.1",
|
"formik-material-ui": "^3.0.1",
|
||||||
"formik-material-ui-pickers": "^0.0.12",
|
"formik-material-ui-pickers": "^0.0.12",
|
||||||
"graphql": "^15.5.0",
|
"graphql": "^15.5.0",
|
||||||
"graphql-scalars": "^1.9.3",
|
|
||||||
"material-ui-confirm": "^2.1.2",
|
|
||||||
"notistack": "^1.0.6",
|
|
||||||
"ramda": "^0.27.1",
|
"ramda": "^0.27.1",
|
||||||
"react": "^17.0.2",
|
"react": "^17.0.2",
|
||||||
"react-dom": "^17.0.2",
|
"react-dom": "^17.0.2",
|
||||||
@ -73,10 +66,15 @@
|
|||||||
"@graphql-codegen/typescript": "1.21.1",
|
"@graphql-codegen/typescript": "1.21.1",
|
||||||
"@graphql-codegen/typescript-operations": "1.17.15",
|
"@graphql-codegen/typescript-operations": "1.17.15",
|
||||||
"@graphql-codegen/typescript-react-apollo": "2.2.3",
|
"@graphql-codegen/typescript-react-apollo": "2.2.3",
|
||||||
"@types/date-fns": "^2.6.0",
|
"@types/autoprefixer": "^10.2.0",
|
||||||
"@types/ramda": "^0.27.41",
|
"@types/graphql": "^14.5.0",
|
||||||
|
"@types/ramda": "^0.27.40",
|
||||||
|
"@types/sass": "^1.16.0",
|
||||||
|
"@types/tailwindcss": "^2.0.2",
|
||||||
"@types/yup": "^0.29.11",
|
"@types/yup": "^0.29.11",
|
||||||
"autoprefixer": "^9.8.6",
|
"autoprefixer": "^9.8.6",
|
||||||
"postcss": "^7.0.35"
|
"postcss": "^7.0.35",
|
||||||
|
"sass": "^1.32.11",
|
||||||
|
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.1.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,274 +0,0 @@
|
|||||||
import { useMutation, useQuery, useSubscription } from "@apollo/client";
|
|
||||||
import { Link, useResponse, useRouter } from "@curi/react-dom";
|
|
||||||
import { faPlayCircle, faVial } from "@fortawesome/free-solid-svg-icons";
|
|
||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
||||||
import {
|
|
||||||
Backdrop,
|
|
||||||
CircularProgress,
|
|
||||||
Collapse,
|
|
||||||
IconButton,
|
|
||||||
LinearProgress,
|
|
||||||
List,
|
|
||||||
ListItem,
|
|
||||||
ListItemIcon,
|
|
||||||
ListItemSecondaryAction,
|
|
||||||
ListItemText,
|
|
||||||
makeStyles,
|
|
||||||
useTheme,
|
|
||||||
withStyles,
|
|
||||||
} from "@material-ui/core";
|
|
||||||
import {
|
|
||||||
Cancel,
|
|
||||||
CheckCircle,
|
|
||||||
CloudDownload,
|
|
||||||
ShoppingCart,
|
|
||||||
Stop,
|
|
||||||
Timer,
|
|
||||||
} from "@material-ui/icons";
|
|
||||||
import { format } from "date-fns";
|
|
||||||
import { useSnackbar } from "notistack";
|
|
||||||
import { complement, equals, find, propEq, takeWhile } from "ramda";
|
|
||||||
import {
|
|
||||||
FC,
|
|
||||||
Fragment,
|
|
||||||
MouseEventHandler,
|
|
||||||
ReactNode,
|
|
||||||
useCallback,
|
|
||||||
useMemo,
|
|
||||||
useState,
|
|
||||||
} from "react";
|
|
||||||
import {
|
|
||||||
Commit,
|
|
||||||
CreatePipelineTaskInput,
|
|
||||||
Pipeline,
|
|
||||||
PipelineTask,
|
|
||||||
TaskStatuses,
|
|
||||||
PipelineUnits,
|
|
||||||
} from "../generated/graphql";
|
|
||||||
import { CREATE_PIPELINE_TASK, STOP_PIPELINE_TASK } from "./mutations";
|
|
||||||
import { COMMITS } from "./queries";
|
|
||||||
import { SYNC_COMMITS } from "./subscriptions";
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
pipeline: Pipeline;
|
|
||||||
}
|
|
||||||
|
|
||||||
const useStyles = makeStyles((theme) => ({
|
|
||||||
root: {
|
|
||||||
flex: "1 1 100%",
|
|
||||||
},
|
|
||||||
nested: {
|
|
||||||
paddingLeft: theme.spacing(4),
|
|
||||||
},
|
|
||||||
}));
|
|
||||||
|
|
||||||
export const CommitList: FC<Props> = ({ pipeline }) => {
|
|
||||||
const { enqueueSnackbar } = useSnackbar();
|
|
||||||
|
|
||||||
const { data, loading, refetch } = useQuery<{ commits?: Commit[] }>(COMMITS, {
|
|
||||||
variables: {
|
|
||||||
pipelineId: pipeline.id,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const { loading: syncing } = useSubscription<{ syncCommits: boolean }>(
|
|
||||||
SYNC_COMMITS,
|
|
||||||
{
|
|
||||||
variables: {
|
|
||||||
pipelineId: pipeline.id,
|
|
||||||
},
|
|
||||||
onSubscriptionData({ subscriptionData: { data, error } }) {
|
|
||||||
if (error) {
|
|
||||||
enqueueSnackbar(error.message, {
|
|
||||||
variant: "warning",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (data?.syncCommits) {
|
|
||||||
refetch({
|
|
||||||
appInstance: data.syncCommits,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
const classes = useStyles();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className={classes.root}>
|
|
||||||
{(() => {
|
|
||||||
if (loading) {
|
|
||||||
return <LinearProgress color="secondary" />;
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section>
|
|
||||||
{syncing && <LinearProgress color="secondary" />}
|
|
||||||
<List>
|
|
||||||
{data?.commits?.map((commit) => (
|
|
||||||
<Item key={commit.hash} commit={commit} pipeline={pipeline} />
|
|
||||||
))}
|
|
||||||
</List>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
})()}
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const unitActionPairs: Array<[PipelineUnits, ReactNode, string]> = [
|
|
||||||
[PipelineUnits.Checkout, <ShoppingCart />, "checkout"],
|
|
||||||
[
|
|
||||||
PipelineUnits.InstallDependencies,
|
|
||||||
<CloudDownload />,
|
|
||||||
"install dependencies",
|
|
||||||
],
|
|
||||||
[PipelineUnits.Test, <FontAwesomeIcon icon={faVial} />, "test"],
|
|
||||||
[PipelineUnits.Deploy, <FontAwesomeIcon icon={faPlayCircle} />, "deploy"],
|
|
||||||
];
|
|
||||||
|
|
||||||
const Item: FC<{ commit: Commit; pipeline: Pipeline }> = ({
|
|
||||||
commit,
|
|
||||||
pipeline,
|
|
||||||
}) => {
|
|
||||||
const [isOpen, setOpen] = useState(() => false);
|
|
||||||
|
|
||||||
const [createTask, { loading }] =
|
|
||||||
useMutation<
|
|
||||||
{ createPipelineTask: PipelineTask },
|
|
||||||
{ task: CreatePipelineTaskInput }
|
|
||||||
>(CREATE_PIPELINE_TASK);
|
|
||||||
|
|
||||||
const units = useMemo(
|
|
||||||
() => pipeline.workUnitMetadata.units.map((unit) => unit.type),
|
|
||||||
[pipeline]
|
|
||||||
);
|
|
||||||
|
|
||||||
const { navigate, url } = useRouter();
|
|
||||||
const { response } = useResponse();
|
|
||||||
|
|
||||||
const handleCreateTask = useCallback(
|
|
||||||
(unit: PipelineUnits) => {
|
|
||||||
const _units = [...takeWhile(complement(equals(unit)), units), unit];
|
|
||||||
createTask({
|
|
||||||
variables: {
|
|
||||||
task: {
|
|
||||||
units: _units,
|
|
||||||
pipelineId: pipeline.id,
|
|
||||||
commit: commit.hash,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}).then(({ data }) => {
|
|
||||||
navigate({
|
|
||||||
url: url({
|
|
||||||
name: "pipeline-task-detail",
|
|
||||||
params: { ...response.params, taskId: data?.createPipelineTask.id },
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
[commit, createTask, navigate, pipeline, response, units, url]
|
|
||||||
);
|
|
||||||
|
|
||||||
const actions = useMemo(
|
|
||||||
() =>
|
|
||||||
units.map((unit) => {
|
|
||||||
const pair = find(propEq(0, unit), unitActionPairs);
|
|
||||||
return (
|
|
||||||
pair && (
|
|
||||||
<IconButton
|
|
||||||
key={unit}
|
|
||||||
aria-label={pair[2]}
|
|
||||||
disabled={loading}
|
|
||||||
onClick={() => handleCreateTask(unit)}
|
|
||||||
>
|
|
||||||
{pair[1]}
|
|
||||||
</IconButton>
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}),
|
|
||||||
[units, handleCreateTask, loading]
|
|
||||||
);
|
|
||||||
return (
|
|
||||||
<Fragment>
|
|
||||||
<ListItem button onClick={() => setOpen(!isOpen)}>
|
|
||||||
<ListItemText
|
|
||||||
primary={commit.message}
|
|
||||||
secondary={commit.date && format(commit.date, "yyyy-MM-dd HH:mm:ss")}
|
|
||||||
/>
|
|
||||||
<ListItemSecondaryAction>{actions}</ListItemSecondaryAction>
|
|
||||||
</ListItem>
|
|
||||||
{loading && <LinearProgress color="secondary" />}
|
|
||||||
<Collapse in={isOpen} timeout="auto" unmountOnExit>
|
|
||||||
<List component="div" disablePadding>
|
|
||||||
{commit.tasks.map((task) => (
|
|
||||||
<Link
|
|
||||||
key={task.id}
|
|
||||||
name="pipeline-task-detail"
|
|
||||||
params={{ ...response.params, taskId: task.id }}
|
|
||||||
>
|
|
||||||
<TaskItem task={task} />
|
|
||||||
</Link>
|
|
||||||
))}
|
|
||||||
</List>
|
|
||||||
</Collapse>
|
|
||||||
</Fragment>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const TaskItem: FC<{ task: PipelineTask }> = ({ task }) => {
|
|
||||||
const classes = useStyles();
|
|
||||||
const theme = useTheme();
|
|
||||||
const statusIcon: ReactNode = (() => {
|
|
||||||
switch (task.status) {
|
|
||||||
case TaskStatuses.Pending:
|
|
||||||
return <Timer style={{ color: theme.palette.info.main }} />;
|
|
||||||
case TaskStatuses.Success:
|
|
||||||
return <CheckCircle style={{ color: theme.palette.success.main }} />;
|
|
||||||
case TaskStatuses.Failed:
|
|
||||||
return <Cancel style={{ color: theme.palette.error.main }} />;
|
|
||||||
case TaskStatuses.Working:
|
|
||||||
return (
|
|
||||||
<CircularProgress style={{ color: theme.palette.secondary.main }} />
|
|
||||||
);
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
const [stopTask, { loading: stopTaskWaiting }] = useMutation(
|
|
||||||
STOP_PIPELINE_TASK,
|
|
||||||
{
|
|
||||||
variables: { taskId: task.id },
|
|
||||||
}
|
|
||||||
);
|
|
||||||
const stop: MouseEventHandler = useCallback(
|
|
||||||
(event) => {
|
|
||||||
event.stopPropagation();
|
|
||||||
event.preventDefault();
|
|
||||||
stopTask();
|
|
||||||
},
|
|
||||||
[stopTask]
|
|
||||||
);
|
|
||||||
return (
|
|
||||||
<ListItem button className={classes.nested}>
|
|
||||||
<ListItemIcon>{statusIcon}</ListItemIcon>
|
|
||||||
<ListItemText
|
|
||||||
primary={
|
|
||||||
task.startedAt && format(task.startedAt, "yyyy-MM-dd HH:mm:ss")
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
<ListItemSecondaryAction>
|
|
||||||
{task.status === TaskStatuses.Working && (
|
|
||||||
<IconButton edge="end" aria-label="stop" onClick={stop}>
|
|
||||||
<Stop />
|
|
||||||
</IconButton>
|
|
||||||
)}
|
|
||||||
</ListItemSecondaryAction>
|
|
||||||
<LimitedBackdrop open={stopTaskWaiting} />
|
|
||||||
</ListItem>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
const LimitedBackdrop = withStyles({
|
|
||||||
root: {
|
|
||||||
position: "absolute",
|
|
||||||
zIndex: 1,
|
|
||||||
},
|
|
||||||
})(Backdrop);
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
import { gql } from '@apollo/client';
|
|
||||||
|
|
||||||
export const CREATE_PIPELINE_TASK = gql`
|
|
||||||
mutation CreatePipelineTask($task: CreatePipelineTaskInput!) {
|
|
||||||
createPipelineTask(task: $task) {
|
|
||||||
id
|
|
||||||
status
|
|
||||||
startedAt
|
|
||||||
endedAt
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
export const STOP_PIPELINE_TASK = gql`
|
|
||||||
mutation StopPipelineTask($taskId: String!) {
|
|
||||||
stopPipelineTask(id: $taskId)
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
import { gql } from '@apollo/client';
|
|
||||||
|
|
||||||
export const COMMITS = gql`
|
|
||||||
query Commits($pipelineId: String!) {
|
|
||||||
commits(pipelineId: $pipelineId) {
|
|
||||||
message
|
|
||||||
hash
|
|
||||||
date
|
|
||||||
body
|
|
||||||
author_name
|
|
||||||
tasks {
|
|
||||||
id
|
|
||||||
units
|
|
||||||
status
|
|
||||||
startedAt
|
|
||||||
endedAt
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
import { gql } from "@apollo/client";
|
|
||||||
export const SYNC_COMMITS = gql`
|
|
||||||
subscription SyncCommits($pipelineId: String!) {
|
|
||||||
syncCommits(pipelineId: $pipelineId)
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
import { Typography } from '@material-ui/core';
|
|
||||||
import React, { FC } from 'react';
|
|
||||||
|
|
||||||
export const ErrorPage: FC = ({children}) => {
|
|
||||||
return (
|
|
||||||
<section>
|
|
||||||
<Typography component="h2">Something is wrong :(</Typography>
|
|
||||||
<Typography variant="body1" component="div">{children}</Typography>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
6
src/commons/graphql/client.ts
Normal file
6
src/commons/graphql/client.ts
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
import { ApolloClient, InMemoryCache } from "@apollo/client";
|
||||||
|
|
||||||
|
export const client = new ApolloClient({
|
||||||
|
uri: "/api/graphql",
|
||||||
|
cache: new InMemoryCache(),
|
||||||
|
});
|
||||||
@ -1,113 +0,0 @@
|
|||||||
import {
|
|
||||||
ApolloClient,
|
|
||||||
ApolloLink,
|
|
||||||
HttpLink,
|
|
||||||
InMemoryCache,
|
|
||||||
split,
|
|
||||||
ApolloProvider,
|
|
||||||
} from "@apollo/client";
|
|
||||||
import { withScalars } from "apollo-link-scalars";
|
|
||||||
import { buildClientSchema, IntrospectionQuery } from "graphql";
|
|
||||||
import { DateTimeResolver } from "graphql-scalars";
|
|
||||||
import { FC } from "react";
|
|
||||||
import introspectionResult from "../../generated/graphql.schema.json";
|
|
||||||
import { onError } from "@apollo/client/link/error";
|
|
||||||
import { WebSocketLink } from "@apollo/client/link/ws";
|
|
||||||
import { getMainDefinition } from "@apollo/client/utilities";
|
|
||||||
import { useSnackbar } from "notistack";
|
|
||||||
import { deepOmit } from "../../utils/deep-omit";
|
|
||||||
|
|
||||||
const schema = buildClientSchema(
|
|
||||||
introspectionResult as unknown as IntrospectionQuery
|
|
||||||
);
|
|
||||||
|
|
||||||
const typesMap = {
|
|
||||||
DateTime: DateTimeResolver,
|
|
||||||
};
|
|
||||||
|
|
||||||
const cleanTypeName = new ApolloLink((operation, forward) => {
|
|
||||||
if (operation.variables) {
|
|
||||||
operation.variables = deepOmit(["__typename"], operation.variables);
|
|
||||||
}
|
|
||||||
const rt = forward(operation);
|
|
||||||
return (
|
|
||||||
rt.map?.((data) => {
|
|
||||||
return data;
|
|
||||||
}) ?? rt
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
export const FennecApolloClientProvider: FC = ({ children }) => {
|
|
||||||
const { enqueueSnackbar } = useSnackbar();
|
|
||||||
const errorLink = onError(({ graphQLErrors, networkError }) => {
|
|
||||||
if (graphQLErrors) {
|
|
||||||
graphQLErrors.forEach((error) => {
|
|
||||||
enqueueSnackbar(error.message, {
|
|
||||||
variant: "error",
|
|
||||||
});
|
|
||||||
});
|
|
||||||
graphQLErrors.forEach(({ message, locations, path }) => {
|
|
||||||
console.error(
|
|
||||||
`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (networkError) {
|
|
||||||
console.log(`[Network error]: ${networkError}`);
|
|
||||||
enqueueSnackbar(networkError.message, {
|
|
||||||
variant: "error",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
const wsLink = new WebSocketLink({
|
|
||||||
uri: `${window.location.protocol.replace("http", "ws")}//${
|
|
||||||
window.location.hostname
|
|
||||||
}:${window.location.port}/api/graphql`,
|
|
||||||
options: {
|
|
||||||
reconnect: true,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
const httpLink = new HttpLink({
|
|
||||||
uri: "/api/graphql",
|
|
||||||
});
|
|
||||||
const splitLink = split(
|
|
||||||
({ query }) => {
|
|
||||||
const definition = getMainDefinition(query);
|
|
||||||
return (
|
|
||||||
definition.kind === "OperationDefinition" &&
|
|
||||||
definition.operation === "subscription"
|
|
||||||
);
|
|
||||||
},
|
|
||||||
wsLink,
|
|
||||||
httpLink
|
|
||||||
);
|
|
||||||
const link = ApolloLink.from([
|
|
||||||
errorLink,
|
|
||||||
withScalars({ schema, typesMap }) as unknown as ApolloLink,
|
|
||||||
cleanTypeName,
|
|
||||||
splitLink,
|
|
||||||
]);
|
|
||||||
const client = new ApolloClient({
|
|
||||||
connectToDevTools: true,
|
|
||||||
ssrMode: typeof window === "undefined",
|
|
||||||
link,
|
|
||||||
cache: new InMemoryCache({
|
|
||||||
typePolicies: {
|
|
||||||
// PipelineTaskLogs: {
|
|
||||||
// keyFields: ["unit"],
|
|
||||||
// },
|
|
||||||
// PipelineTask: {
|
|
||||||
// fields: {
|
|
||||||
// logs: {
|
|
||||||
// merge(existing = [], incoming: any[]) {
|
|
||||||
// return [...existing, ...incoming];
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
|
|
||||||
return <ApolloProvider client={client}>{children}</ApolloProvider>;
|
|
||||||
};
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
import { gql } from '@apollo/client';
|
|
||||||
|
|
||||||
export const COMMIT_LIST_QUERY = gql`
|
|
||||||
query CommitListQuery($projectId: String!, $pipelineId: String!) {
|
|
||||||
project(id: $projectId) {
|
|
||||||
id
|
|
||||||
name
|
|
||||||
comment
|
|
||||||
webUrl
|
|
||||||
sshUrl
|
|
||||||
webHookSecret
|
|
||||||
}
|
|
||||||
pipeline(id: $pipelineId) {
|
|
||||||
id
|
|
||||||
name
|
|
||||||
branch
|
|
||||||
workUnitMetadata {
|
|
||||||
version
|
|
||||||
units {
|
|
||||||
type
|
|
||||||
scripts
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
import { ActiveHookProps, Link, LinkProps, useActive } from '@curi/react-dom';
|
|
||||||
import React, { FC, ReactNode } from 'react';
|
|
||||||
|
|
||||||
export type ActiveLinkProps = ActiveHookProps &
|
|
||||||
LinkProps & {
|
|
||||||
className?: string;
|
|
||||||
children: ReactNode;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const ActiveLink:FC<ActiveLinkProps> = ({ name, params, partial, className = "", ...rest }) => {
|
|
||||||
const active = useActive({ name, params, partial });
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
name={name}
|
|
||||||
params={params}
|
|
||||||
{...rest}
|
|
||||||
className={active ? `${className} active` : className}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
import { useApolloClient } from "@apollo/client";
|
|
||||||
import { createRouterComponent } from "@curi/react-dom";
|
|
||||||
import { createRouter, announce } from "@curi/router";
|
|
||||||
import { browser } from "@hickory/browser";
|
|
||||||
import { FC, ReactNode, useEffect, useMemo, useState } from "react";
|
|
||||||
import routes from "../../routes";
|
|
||||||
import { LinearProgress } from "@material-ui/core";
|
|
||||||
|
|
||||||
const Component: FC = ({ children }) => {
|
|
||||||
const client = useApolloClient();
|
|
||||||
const [body, setBody] = useState<any>(null);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const router = createRouter(browser, routes, {
|
|
||||||
sideEffects: [
|
|
||||||
announce(({ response }) => {
|
|
||||||
return `Navigated to ${response.location.pathname}`;
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
external: { client },
|
|
||||||
});
|
|
||||||
const Router = createRouterComponent(router);
|
|
||||||
router.once(() => {
|
|
||||||
setBody(<Router>{children}</Router>);
|
|
||||||
});
|
|
||||||
}, [setBody, client, children]);
|
|
||||||
|
|
||||||
return body ?? <LinearProgress />;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default Component;
|
|
||||||
@ -14,18 +14,6 @@ export type Scalars = {
|
|||||||
DateTime: any;
|
DateTime: any;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type Commit = {
|
|
||||||
__typename?: 'Commit';
|
|
||||||
hash: Scalars['String'];
|
|
||||||
date: Scalars['DateTime'];
|
|
||||||
message: Scalars['String'];
|
|
||||||
refs: Scalars['String'];
|
|
||||||
body: Scalars['String'];
|
|
||||||
author_name: Scalars['String'];
|
|
||||||
author_email: Scalars['String'];
|
|
||||||
tasks: Array<PipelineTask>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type CreatePipelineInput = {
|
export type CreatePipelineInput = {
|
||||||
projectId: Scalars['String'];
|
projectId: Scalars['String'];
|
||||||
branch: Scalars['String'];
|
branch: Scalars['String'];
|
||||||
@ -65,16 +53,22 @@ export type LogFields = {
|
|||||||
tasks: Array<PipelineTask>;
|
tasks: Array<PipelineTask>;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type LogList = {
|
||||||
|
__typename?: 'LogList';
|
||||||
|
all: Array<LogFields>;
|
||||||
|
total: Scalars['Float'];
|
||||||
|
latest: LogFields;
|
||||||
|
};
|
||||||
|
|
||||||
export type Mutation = {
|
export type Mutation = {
|
||||||
__typename?: 'Mutation';
|
__typename?: 'Mutation';
|
||||||
createProject: Project;
|
createProject: Project;
|
||||||
updateProject: Project;
|
updateProject: Project;
|
||||||
removeProject: Scalars['Float'];
|
removeProject: Scalars['Float'];
|
||||||
createPipeline: Pipeline;
|
createPipeline: Pipeline;
|
||||||
updatePipeline: Pipeline;
|
modifyPipeline: Pipeline;
|
||||||
deletePipeline: Scalars['Float'];
|
deletePipeline: Scalars['Float'];
|
||||||
createPipelineTask: PipelineTask;
|
createPipelineTask: PipelineTask;
|
||||||
stopPipelineTask: Scalars['Boolean'];
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
@ -98,8 +92,9 @@ export type MutationCreatePipelineArgs = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type MutationUpdatePipelineArgs = {
|
export type MutationModifyPipelineArgs = {
|
||||||
pipeline: UpdatePipelineInput;
|
Pipeline: UpdatePipelineInput;
|
||||||
|
id: Scalars['String'];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
@ -112,11 +107,6 @@ export type MutationCreatePipelineTaskArgs = {
|
|||||||
task: CreatePipelineTaskInput;
|
task: CreatePipelineTaskInput;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type MutationStopPipelineTaskArgs = {
|
|
||||||
id: Scalars['String'];
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Pipeline = {
|
export type Pipeline = {
|
||||||
__typename?: 'Pipeline';
|
__typename?: 'Pipeline';
|
||||||
id: Scalars['ID'];
|
id: Scalars['ID'];
|
||||||
@ -138,19 +128,14 @@ export type PipelineTask = {
|
|||||||
status: TaskStatuses;
|
status: TaskStatuses;
|
||||||
startedAt?: Maybe<Scalars['DateTime']>;
|
startedAt?: Maybe<Scalars['DateTime']>;
|
||||||
endedAt?: Maybe<Scalars['DateTime']>;
|
endedAt?: Maybe<Scalars['DateTime']>;
|
||||||
runOn: Scalars['String'];
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type PipelineTaskEvent = {
|
export type PipelineTaskLogMessage = {
|
||||||
__typename?: 'PipelineTaskEvent';
|
__typename?: 'PipelineTaskLogMessage';
|
||||||
taskId: Scalars['String'];
|
|
||||||
pipelineId: Scalars['String'];
|
|
||||||
projectId: Scalars['String'];
|
|
||||||
unit?: Maybe<PipelineUnits>;
|
unit?: Maybe<PipelineUnits>;
|
||||||
emittedAt: Scalars['DateTime'];
|
time: Scalars['DateTime'];
|
||||||
message: Scalars['String'];
|
message: Scalars['String'];
|
||||||
messageType: Scalars['String'];
|
isError: Scalars['Boolean'];
|
||||||
status: TaskStatuses;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type PipelineTaskLogs = {
|
export type PipelineTaskLogs = {
|
||||||
@ -186,11 +171,10 @@ export type Query = {
|
|||||||
hello: Hello;
|
hello: Hello;
|
||||||
projects: Array<Project>;
|
projects: Array<Project>;
|
||||||
project: Project;
|
project: Project;
|
||||||
pipelines: Array<Pipeline>;
|
listPipelines: Array<Pipeline>;
|
||||||
pipeline: Pipeline;
|
findPipeline: Pipeline;
|
||||||
commits?: Maybe<Array<Commit>>;
|
|
||||||
listPipelineTaskByPipelineId: Array<PipelineTask>;
|
listPipelineTaskByPipelineId: Array<PipelineTask>;
|
||||||
pipelineTask: PipelineTask;
|
findPipelineTask: PipelineTask;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
@ -199,45 +183,39 @@ export type QueryProjectArgs = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type QueryPipelinesArgs = {
|
export type QueryListPipelinesArgs = {
|
||||||
projectId?: Maybe<Scalars['String']>;
|
projectId?: Maybe<Scalars['String']>;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type QueryPipelineArgs = {
|
export type QueryFindPipelineArgs = {
|
||||||
id: Scalars['String'];
|
id: Scalars['String'];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type QueryCommitsArgs = {
|
|
||||||
pipelineId: Scalars['String'];
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
export type QueryListPipelineTaskByPipelineIdArgs = {
|
export type QueryListPipelineTaskByPipelineIdArgs = {
|
||||||
pipelineId: Scalars['String'];
|
pipelineId: Scalars['String'];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type QueryPipelineTaskArgs = {
|
export type QueryFindPipelineTaskArgs = {
|
||||||
id: Scalars['String'];
|
id: Scalars['String'];
|
||||||
};
|
};
|
||||||
|
|
||||||
export type Subscription = {
|
export type Subscription = {
|
||||||
__typename?: 'Subscription';
|
__typename?: 'Subscription';
|
||||||
syncCommits?: Maybe<Scalars['String']>;
|
listLogsForPipeline: LogList;
|
||||||
pipelineTaskEvent: PipelineTaskEvent;
|
pipelineTaskLog: PipelineTaskLogMessage;
|
||||||
pipelineTaskChanged: PipelineTask;
|
pipelineTaskChanged: PipelineTask;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type SubscriptionSyncCommitsArgs = {
|
export type SubscriptionListLogsForPipelineArgs = {
|
||||||
appInstance?: Maybe<Scalars['String']>;
|
id: Scalars['String'];
|
||||||
pipelineId: Scalars['String'];
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type SubscriptionPipelineTaskEventArgs = {
|
export type SubscriptionPipelineTaskLogArgs = {
|
||||||
taskId: Scalars['String'];
|
taskId: Scalars['String'];
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -259,7 +237,6 @@ export type UpdatePipelineInput = {
|
|||||||
branch: Scalars['String'];
|
branch: Scalars['String'];
|
||||||
name: Scalars['String'];
|
name: Scalars['String'];
|
||||||
workUnitMetadata: WorkUnitMetadataInput;
|
workUnitMetadata: WorkUnitMetadataInput;
|
||||||
id: Scalars['String'];
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type UpdateProjectInput = {
|
export type UpdateProjectInput = {
|
||||||
@ -284,11 +261,11 @@ export type WorkUnitInput = {
|
|||||||
|
|
||||||
export type WorkUnitMetadata = {
|
export type WorkUnitMetadata = {
|
||||||
__typename?: 'WorkUnitMetadata';
|
__typename?: 'WorkUnitMetadata';
|
||||||
version: Scalars['Int'];
|
version: Scalars['Float'];
|
||||||
units: Array<WorkUnit>;
|
units: Array<WorkUnit>;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type WorkUnitMetadataInput = {
|
export type WorkUnitMetadataInput = {
|
||||||
version?: Maybe<Scalars['Int']>;
|
version?: Maybe<Scalars['Float']>;
|
||||||
units: Array<WorkUnitInput>;
|
units: Array<WorkUnitInput>;
|
||||||
};
|
};
|
||||||
|
|||||||
@ -4,30 +4,40 @@ import "./index.css";
|
|||||||
import "fontsource-roboto";
|
import "fontsource-roboto";
|
||||||
import App from "./App";
|
import App from "./App";
|
||||||
import reportWebVitals from "./reportWebVitals";
|
import reportWebVitals from "./reportWebVitals";
|
||||||
import { FennecApolloClientProvider } from "./commons/graphql/client";
|
import { client } from "./commons/graphql/client";
|
||||||
|
import { ApolloProvider } from "@apollo/client";
|
||||||
import { MuiPickersUtilsProvider } from "@material-ui/pickers";
|
import { MuiPickersUtilsProvider } from "@material-ui/pickers";
|
||||||
import DateFnsUtils from "@date-io/date-fns";
|
import DateFnsUtils from "@date-io/date-fns";
|
||||||
import zhLocale from "date-fns/locale/zh-CN";
|
import zhLocale from "date-fns/locale/zh-CN";
|
||||||
import { ConfirmProvider } from "material-ui-confirm";
|
import { createRouterComponent } from "@curi/react-dom";
|
||||||
import { SnackbarProvider } from "notistack";
|
import { createRouter, announce } from "@curi/router";
|
||||||
import Router from './commons/route/router';
|
import { browser } from "@hickory/browser";
|
||||||
|
import routes from "./routes";
|
||||||
|
|
||||||
|
const router = createRouter(browser, routes, {
|
||||||
|
sideEffects: [
|
||||||
|
announce(({ response }) => {
|
||||||
|
return `Navigated to ${response.location.pathname}`;
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
external: { client }
|
||||||
|
});
|
||||||
|
const Router = createRouterComponent(router);
|
||||||
|
|
||||||
|
router.once(() => {
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<ConfirmProvider>
|
<ApolloProvider client={client}>
|
||||||
<SnackbarProvider maxSnack={5}>
|
|
||||||
<FennecApolloClientProvider>
|
|
||||||
<MuiPickersUtilsProvider utils={DateFnsUtils} locale={zhLocale}>
|
<MuiPickersUtilsProvider utils={DateFnsUtils} locale={zhLocale}>
|
||||||
<Router>
|
<Router>
|
||||||
<App />
|
<App />
|
||||||
</Router>
|
</Router>
|
||||||
</MuiPickersUtilsProvider>
|
</MuiPickersUtilsProvider>
|
||||||
</FennecApolloClientProvider>
|
</ApolloProvider>
|
||||||
</SnackbarProvider>
|
|
||||||
</ConfirmProvider>
|
|
||||||
</React.StrictMode>,
|
</React.StrictMode>,
|
||||||
document.getElementById("root")
|
document.getElementById("root")
|
||||||
);
|
);
|
||||||
|
});
|
||||||
|
|
||||||
// If you want to start measuring performance in your app, pass a function
|
// If you want to start measuring performance in your app, pass a function
|
||||||
// to log results (for example: reportWebVitals(console.log))
|
// to log results (for example: reportWebVitals(console.log))
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import React, { FC, useCallback, useRef, useState } from "react";
|
import React, { FC } from "react";
|
||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
import {
|
import {
|
||||||
createStyles,
|
createStyles,
|
||||||
@ -16,15 +16,13 @@ import IconButton from "@material-ui/core/IconButton";
|
|||||||
import MenuIcon from "@material-ui/icons/Menu";
|
import MenuIcon from "@material-ui/icons/Menu";
|
||||||
import ChevronLeftIcon from "@material-ui/icons/ChevronLeft";
|
import ChevronLeftIcon from "@material-ui/icons/ChevronLeft";
|
||||||
import ChevronRightIcon from "@material-ui/icons/ChevronRight";
|
import ChevronRightIcon from "@material-ui/icons/ChevronRight";
|
||||||
import { ProjectPanel } from "../projects/project-panel";
|
import { ProjectPanel } from '../projects/project-panel';
|
||||||
import { HeaderContainerProvider } from "./header-container";
|
|
||||||
const drawerWidth = 240;
|
const drawerWidth = 240;
|
||||||
|
|
||||||
const useStyles = makeStyles((theme: Theme) =>
|
const useStyles = makeStyles((theme: Theme) =>
|
||||||
createStyles({
|
createStyles({
|
||||||
root: {
|
root: {
|
||||||
display: "flex",
|
display: "flex",
|
||||||
overflow: "hidden",
|
|
||||||
},
|
},
|
||||||
appBar: {
|
appBar: {
|
||||||
zIndex: theme.zIndex.drawer + 1,
|
zIndex: theme.zIndex.drawer + 1,
|
||||||
@ -72,19 +70,12 @@ const useStyles = makeStyles((theme: Theme) =>
|
|||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
justifyContent: "flex-end",
|
justifyContent: "flex-end",
|
||||||
padding: theme.spacing(0, 1),
|
padding: theme.spacing(0, 1),
|
||||||
flex: "none",
|
|
||||||
// necessary for content to be below app bar
|
// necessary for content to be below app bar
|
||||||
...theme.mixins.toolbar,
|
...theme.mixins.toolbar,
|
||||||
},
|
},
|
||||||
headerContaner: {
|
|
||||||
flex: "auto",
|
|
||||||
},
|
|
||||||
content: {
|
content: {
|
||||||
flexGrow: 1,
|
flexGrow: 1,
|
||||||
height: "100vh",
|
padding: theme.spacing(3),
|
||||||
display: "flex",
|
|
||||||
flexFlow: "column",
|
|
||||||
padding: theme.spacing(0),
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
@ -102,14 +93,6 @@ export const DefaultLayout: FC = ({ children }) => {
|
|||||||
setOpen(false);
|
setOpen(false);
|
||||||
};
|
};
|
||||||
|
|
||||||
const [headerContainer, setHeaderContainer] = useState(undefined);
|
|
||||||
const onRefChange = useCallback(
|
|
||||||
(node) => {
|
|
||||||
setHeaderContainer(node);
|
|
||||||
},
|
|
||||||
[setHeaderContainer]
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classes.root}>
|
<div className={classes.root}>
|
||||||
<CssBaseline />
|
<CssBaseline />
|
||||||
@ -131,7 +114,9 @@ export const DefaultLayout: FC = ({ children }) => {
|
|||||||
>
|
>
|
||||||
<MenuIcon />
|
<MenuIcon />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
<div className={classes.headerContaner} ref={onRefChange}></div>
|
<Typography variant="h6" noWrap>
|
||||||
|
Mini variant drawer
|
||||||
|
</Typography>
|
||||||
</Toolbar>
|
</Toolbar>
|
||||||
</AppBar>
|
</AppBar>
|
||||||
<Drawer
|
<Drawer
|
||||||
@ -162,11 +147,8 @@ export const DefaultLayout: FC = ({ children }) => {
|
|||||||
</Drawer>
|
</Drawer>
|
||||||
<main className={classes.content}>
|
<main className={classes.content}>
|
||||||
<div className={classes.toolbar} />
|
<div className={classes.toolbar} />
|
||||||
|
|
||||||
<HeaderContainerProvider value={headerContainer}>
|
|
||||||
{ children }
|
{ children }
|
||||||
</HeaderContainerProvider>
|
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
}
|
||||||
|
|||||||
@ -1,7 +0,0 @@
|
|||||||
import { createContext, useContext } from 'react';
|
|
||||||
|
|
||||||
const Context = createContext<HTMLElement| undefined>(undefined);
|
|
||||||
|
|
||||||
export const HeaderContainerProvider = Context.Provider;
|
|
||||||
|
|
||||||
export const useHeaderContainer = () => useContext(Context);
|
|
||||||
@ -1,2 +1 @@
|
|||||||
export * from './default';
|
export * from './default';
|
||||||
export * from './header-container';
|
|
||||||
@ -1,189 +0,0 @@
|
|||||||
import { gql, useQuery, useSubscription } from "@apollo/client";
|
|
||||||
import { LinearProgress, makeStyles, Typography } from "@material-ui/core";
|
|
||||||
import { format } from "date-fns";
|
|
||||||
import { FC, useState } from "react";
|
|
||||||
import { ErrorPage } from "../commons/fallbacks/error-page";
|
|
||||||
import {
|
|
||||||
PipelineTask,
|
|
||||||
PipelineTaskEvent,
|
|
||||||
PipelineTaskLogs,
|
|
||||||
TaskStatuses,
|
|
||||||
} from "../generated/graphql";
|
|
||||||
import { PIPELINE_TASK_EVENT } from "./subscriptions";
|
|
||||||
import { clone, find, propEq } from "ramda";
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
taskId: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const PIPELINE_TASK = gql`
|
|
||||||
query FindPipelineTask($taskId: String!) {
|
|
||||||
pipelineTask(id: $taskId) {
|
|
||||||
id
|
|
||||||
units
|
|
||||||
commit
|
|
||||||
status
|
|
||||||
startedAt
|
|
||||||
endedAt
|
|
||||||
logs {
|
|
||||||
unit
|
|
||||||
logs
|
|
||||||
status
|
|
||||||
startedAt
|
|
||||||
endedAt
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
const useStyles = makeStyles((theme) => ({
|
|
||||||
root: {},
|
|
||||||
groupTitle: {
|
|
||||||
backgroundColor: "white",
|
|
||||||
fontWeight: 500,
|
|
||||||
borderTop: "1px solid #eee",
|
|
||||||
fontSize: "16px",
|
|
||||||
padding: "12px",
|
|
||||||
marginLeft: "1px",
|
|
||||||
},
|
|
||||||
logText: {
|
|
||||||
fontFamily: 'Menlo, Monaco, "Courier New", monospace',
|
|
||||||
whiteSpace: "pre-wrap",
|
|
||||||
border: "none",
|
|
||||||
margin: "6px 12px",
|
|
||||||
display: "block",
|
|
||||||
},
|
|
||||||
}));
|
|
||||||
|
|
||||||
export const PipelineTaskDetail: FC<Props> = ({ taskId }) => {
|
|
||||||
const [taskEvents, setTaskEvents] = useState(
|
|
||||||
() => new Array<PipelineTaskEvent>()
|
|
||||||
);
|
|
||||||
const { data, loading, error, client } = useQuery<{
|
|
||||||
pipelineTask: PipelineTask;
|
|
||||||
}>(PIPELINE_TASK, {
|
|
||||||
variables: { taskId },
|
|
||||||
});
|
|
||||||
const task = data?.pipelineTask;
|
|
||||||
useSubscription<{ pipelineTaskEvent: PipelineTaskEvent }>(
|
|
||||||
PIPELINE_TASK_EVENT,
|
|
||||||
{
|
|
||||||
variables: { taskId },
|
|
||||||
onSubscriptionData({ subscriptionData: { data } }) {
|
|
||||||
const event = data?.pipelineTaskEvent;
|
|
||||||
console.log(event);
|
|
||||||
if (event && task) {
|
|
||||||
setTaskEvents((prev) => [...prev, event]);
|
|
||||||
if (event.unit) {
|
|
||||||
// event of running scripts
|
|
||||||
client.cache.modify({
|
|
||||||
id: client.cache.identify(task!),
|
|
||||||
fields: {
|
|
||||||
logs(before: PipelineTaskLogs[]) {
|
|
||||||
before = clone(before);
|
|
||||||
let l = find(propEq("unit", event.unit), before);
|
|
||||||
if (l) {
|
|
||||||
l.logs += event.message;
|
|
||||||
} else {
|
|
||||||
l = {
|
|
||||||
unit: event.unit!,
|
|
||||||
logs: event.message,
|
|
||||||
status: event.status,
|
|
||||||
startedAt: event.emittedAt,
|
|
||||||
endedAt: null,
|
|
||||||
__typename: "PipelineTaskLogs",
|
|
||||||
};
|
|
||||||
before.push(l);
|
|
||||||
}
|
|
||||||
if (event.status === TaskStatuses.Working) {
|
|
||||||
l.startedAt || (l.startedAt = event.emittedAt);
|
|
||||||
}
|
|
||||||
if (
|
|
||||||
[TaskStatuses.Failed, TaskStatuses.Success].includes(
|
|
||||||
event.status
|
|
||||||
)
|
|
||||||
) {
|
|
||||||
l.startedAt && (l.startedAt = event.emittedAt);
|
|
||||||
l.endedAt = event.emittedAt;
|
|
||||||
}
|
|
||||||
l.status = event.status;
|
|
||||||
return before;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
// event of task status change
|
|
||||||
client.cache.modify({
|
|
||||||
id: client.cache.identify(task!),
|
|
||||||
fields: {
|
|
||||||
status() {
|
|
||||||
return event.status;
|
|
||||||
},
|
|
||||||
startedAt(before) {
|
|
||||||
if (event.status === TaskStatuses.Working) {
|
|
||||||
return event.emittedAt;
|
|
||||||
} else {
|
|
||||||
return before;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
endedAt(before) {
|
|
||||||
if (
|
|
||||||
[TaskStatuses.Success, TaskStatuses.Failed].includes(
|
|
||||||
event.status
|
|
||||||
)
|
|
||||||
) {
|
|
||||||
return event.emittedAt;
|
|
||||||
} else {
|
|
||||||
return before;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
);
|
|
||||||
const classes = useStyles();
|
|
||||||
|
|
||||||
if (error) {
|
|
||||||
return <ErrorPage>{error.message}</ErrorPage>;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (loading) {
|
|
||||||
return <LinearProgress color="secondary" />;
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={classes.root}>
|
|
||||||
<Typography variant="h4" component="h2">
|
|
||||||
{taskId} detail
|
|
||||||
</Typography>
|
|
||||||
<Typography variant="h5" component="h3">
|
|
||||||
{task?.status}
|
|
||||||
</Typography>
|
|
||||||
<Typography variant="h5" component="h3">
|
|
||||||
{task?.startedAt && format(task?.startedAt, "yyyy-MM-dd HH:mm:ss.SSS")}-
|
|
||||||
{task?.endedAt && format(task?.endedAt, "yyyy-MM-dd HH:mm:ss.SSS")}
|
|
||||||
</Typography>
|
|
||||||
|
|
||||||
{task?.logs.map((logs) => (
|
|
||||||
<LogGroup key={logs.unit} logs={logs} />
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const LogGroup: FC<{ logs: PipelineTaskLogs }> = ({ logs }) => {
|
|
||||||
const classes = useStyles();
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<div className={classes.groupTitle}>
|
|
||||||
{logs.unit}{" "}
|
|
||||||
{logs.startedAt && format(logs.startedAt, "yyyy-MM-dd HH:mm:ss")}{" "}
|
|
||||||
{logs.endedAt && format(logs.endedAt, "yyyy-MM-dd HH:mm:ss")} {logs.status}
|
|
||||||
</div>
|
|
||||||
<code className={classes.logText}>{logs.logs}</code>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
import { gql } from "@apollo/client";
|
|
||||||
|
|
||||||
export const PIPELINE_TASK_EVENT = gql`
|
|
||||||
subscription PipelineTaskEvent($taskId: String!) {
|
|
||||||
pipelineTaskEvent(taskId: $taskId) {
|
|
||||||
taskId
|
|
||||||
pipelineId
|
|
||||||
projectId
|
|
||||||
unit
|
|
||||||
emittedAt
|
|
||||||
message
|
|
||||||
messageType
|
|
||||||
status
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
export * from './pipeline-detail';
|
|
||||||
export * from './pipeline-list';
|
|
||||||
export * from './queries';
|
|
||||||
@ -1,43 +0,0 @@
|
|||||||
import { gql } from "@apollo/client";
|
|
||||||
|
|
||||||
export const CREATE_PIPELINE = gql`
|
|
||||||
mutation CreatePipeline($pipeline: CreatePipelineInput!) {
|
|
||||||
createPipeline(pipeline: $pipeline) {
|
|
||||||
id
|
|
||||||
projectId
|
|
||||||
branch
|
|
||||||
name
|
|
||||||
workUnitMetadata {
|
|
||||||
version
|
|
||||||
units {
|
|
||||||
type
|
|
||||||
scripts
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
export const UPDATE_PIPELINE = gql`
|
|
||||||
mutation UpdatePipeline($pipeline: UpdatePipelineInput!) {
|
|
||||||
updatePipeline(pipeline: $pipeline) {
|
|
||||||
id
|
|
||||||
projectId
|
|
||||||
branch
|
|
||||||
name
|
|
||||||
workUnitMetadata {
|
|
||||||
version
|
|
||||||
units {
|
|
||||||
type
|
|
||||||
scripts
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
export const DELETE_PIPELINE = gql`
|
|
||||||
mutation DeletePipeline($id: String!) {
|
|
||||||
deletePipeline(id: $id)
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
import { FC } from 'react';
|
|
||||||
import { Pipeline } from '../generated/graphql';
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
pipeline: Pipeline;
|
|
||||||
}
|
|
||||||
|
|
||||||
export const PipelineDetail: FC<Props> = ({pipeline}) => {
|
|
||||||
|
|
||||||
return <div>PipelineDetail</div>
|
|
||||||
}
|
|
||||||
@ -1,285 +0,0 @@
|
|||||||
import { gql, Reference, useMutation, useQuery } from "@apollo/client";
|
|
||||||
import { useRouter } from "@curi/react-dom";
|
|
||||||
import {
|
|
||||||
Button,
|
|
||||||
Grid,
|
|
||||||
IconButton,
|
|
||||||
LinearProgress,
|
|
||||||
makeStyles,
|
|
||||||
Paper,
|
|
||||||
Portal,
|
|
||||||
Typography,
|
|
||||||
} from "@material-ui/core";
|
|
||||||
import { Delete } from "@material-ui/icons";
|
|
||||||
import { FormikHelpers, Formik, Form, Field } from "formik";
|
|
||||||
import { TextField, TextFieldProps } from "formik-material-ui";
|
|
||||||
import { TextField as MuiTextField } from "@material-ui/core";
|
|
||||||
import { useConfirm } from "material-ui-confirm";
|
|
||||||
import { useSnackbar } from "notistack";
|
|
||||||
import { not, omit } from "ramda";
|
|
||||||
import { ChangeEvent, FC } from "react";
|
|
||||||
import {
|
|
||||||
Pipeline,
|
|
||||||
WorkUnitMetadata,
|
|
||||||
PipelineUnits,
|
|
||||||
} from "../generated/graphql";
|
|
||||||
import { useHeaderContainer } from "../layouts";
|
|
||||||
import { CREATE_PIPELINE, DELETE_PIPELINE, UPDATE_PIPELINE } from "./mutations";
|
|
||||||
import { PIPELINE } from "./queries";
|
|
||||||
import * as Yup from "yup";
|
|
||||||
import { useField } from "formik";
|
|
||||||
|
|
||||||
type Values = Partial<Pipeline>;
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
pipeline: Values;
|
|
||||||
}
|
|
||||||
|
|
||||||
const useStyles = makeStyles((theme) => ({
|
|
||||||
root: {
|
|
||||||
flex: "1 1 100%",
|
|
||||||
},
|
|
||||||
nested: {
|
|
||||||
paddingLeft: theme.spacing(4),
|
|
||||||
},
|
|
||||||
form: {
|
|
||||||
margin: 16,
|
|
||||||
},
|
|
||||||
metadataList: {
|
|
||||||
padding: 0,
|
|
||||||
},
|
|
||||||
metadataItem: {
|
|
||||||
listStyle: "none",
|
|
||||||
},
|
|
||||||
metadataContainer: {
|
|
||||||
padding: "10px 30px",
|
|
||||||
margin: "10px 0",
|
|
||||||
},
|
|
||||||
}));
|
|
||||||
|
|
||||||
export const PipelineEditor: FC<Props> = ({ pipeline }) => {
|
|
||||||
const { enqueueSnackbar } = useSnackbar();
|
|
||||||
|
|
||||||
const isCreate = not("id" in pipeline);
|
|
||||||
|
|
||||||
const [createPipeline] = useMutation<{ createPipeline: Pipeline }>(
|
|
||||||
CREATE_PIPELINE,
|
|
||||||
{
|
|
||||||
update(cache, { data }) {
|
|
||||||
cache.modify({
|
|
||||||
fields: {
|
|
||||||
pipelines(exiting = []) {
|
|
||||||
const pipelineRef = cache.writeFragment({
|
|
||||||
data: data!.createPipeline,
|
|
||||||
fragment: gql`
|
|
||||||
fragment newPipeline on Pipeline {
|
|
||||||
id
|
|
||||||
projectId
|
|
||||||
branch
|
|
||||||
name
|
|
||||||
workUnitMetadata {
|
|
||||||
version
|
|
||||||
units {
|
|
||||||
type
|
|
||||||
scripts
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`,
|
|
||||||
});
|
|
||||||
return [pipelineRef, ...exiting];
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
}
|
|
||||||
);
|
|
||||||
const [updatePipeline] = useMutation(UPDATE_PIPELINE);
|
|
||||||
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const submitForm = async (
|
|
||||||
values: Values,
|
|
||||||
formikHelpers: FormikHelpers<Values>
|
|
||||||
) => {
|
|
||||||
try {
|
|
||||||
let pipelineId = pipeline.id;
|
|
||||||
let projectId = pipeline.projectId;
|
|
||||||
if (isCreate) {
|
|
||||||
await createPipeline({
|
|
||||||
variables: {
|
|
||||||
input: values,
|
|
||||||
},
|
|
||||||
}).then(({ data }) => {
|
|
||||||
pipelineId = data!.createPipeline.id;
|
|
||||||
projectId = data!.createPipeline.projectId;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
await updatePipeline({
|
|
||||||
variables: {
|
|
||||||
pipeline: omit(["projectId"], values),
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
enqueueSnackbar("Saved successfully", {
|
|
||||||
variant: "success",
|
|
||||||
});
|
|
||||||
router.navigate({
|
|
||||||
url: router.url({
|
|
||||||
name: "pipeline-commits",
|
|
||||||
params: {
|
|
||||||
pipelineId,
|
|
||||||
projectId,
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
method: "replace",
|
|
||||||
});
|
|
||||||
} finally {
|
|
||||||
formikHelpers.setSubmitting(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const [deletePipeline, { loading: deleting }] = useMutation(DELETE_PIPELINE, {
|
|
||||||
variables: { id: pipeline.id },
|
|
||||||
update(cache) {
|
|
||||||
cache.modify({
|
|
||||||
fields: {
|
|
||||||
projects(exiting: Reference[] = [], { readField }) {
|
|
||||||
return exiting.filter(
|
|
||||||
(ref) => pipeline.id !== readField("id", ref)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const confirm = useConfirm();
|
|
||||||
const handleDelete = async () => {
|
|
||||||
try {
|
|
||||||
await confirm({ description: `This will delete ${pipeline.name}.` });
|
|
||||||
await deletePipeline();
|
|
||||||
enqueueSnackbar("Deleted successfully", {
|
|
||||||
variant: "success",
|
|
||||||
});
|
|
||||||
router.navigate({
|
|
||||||
url: router.url({
|
|
||||||
name: "dashboard",
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
} catch {}
|
|
||||||
};
|
|
||||||
|
|
||||||
const headerContainer = useHeaderContainer();
|
|
||||||
|
|
||||||
const units = [
|
|
||||||
PipelineUnits.Checkout,
|
|
||||||
PipelineUnits.InstallDependencies,
|
|
||||||
PipelineUnits.Test,
|
|
||||||
PipelineUnits.Deploy,
|
|
||||||
PipelineUnits.CleanUp,
|
|
||||||
];
|
|
||||||
const classes = useStyles();
|
|
||||||
return (
|
|
||||||
<Paper className={classes.root}>
|
|
||||||
<Portal container={headerContainer}>
|
|
||||||
<Grid container justify="space-between" alignItems="center">
|
|
||||||
<Typography variant="h6" component="h1">
|
|
||||||
{isCreate ? "Create" : "Edit"} Pipeline
|
|
||||||
</Typography>
|
|
||||||
{isCreate ? null : (
|
|
||||||
<IconButton
|
|
||||||
color="inherit"
|
|
||||||
onClick={handleDelete}
|
|
||||||
disabled={deleting}
|
|
||||||
>
|
|
||||||
<Delete />
|
|
||||||
</IconButton>
|
|
||||||
)}
|
|
||||||
</Grid>
|
|
||||||
</Portal>
|
|
||||||
<Formik
|
|
||||||
initialValues={pipeline}
|
|
||||||
validationSchema={Yup.object({
|
|
||||||
name: Yup.string()
|
|
||||||
.max(32, "Must be 32 characters or less")
|
|
||||||
.required("Required"),
|
|
||||||
branch: Yup.string()
|
|
||||||
.max(32, "Must be 32 characters or less")
|
|
||||||
.required("Required"),
|
|
||||||
})}
|
|
||||||
onSubmit={submitForm}
|
|
||||||
>
|
|
||||||
{({ submitForm, isSubmitting, values }) => {
|
|
||||||
return (
|
|
||||||
<Form className={classes.form}>
|
|
||||||
<Field component={TextField} name="name" label="Name" fullWidth />
|
|
||||||
<Field
|
|
||||||
component={TextField}
|
|
||||||
name="branch"
|
|
||||||
label="Branch"
|
|
||||||
fullWidth
|
|
||||||
margin="normal"
|
|
||||||
/>
|
|
||||||
<Paper className={classes.metadataContainer}>
|
|
||||||
<Field
|
|
||||||
component={TextField}
|
|
||||||
name="workUnitMetadata.version"
|
|
||||||
label="Version"
|
|
||||||
fullWidth
|
|
||||||
readonly
|
|
||||||
margin="normal"
|
|
||||||
/>
|
|
||||||
<ol className={classes.metadataList}>
|
|
||||||
{units.map((unit, index) => {
|
|
||||||
return (
|
|
||||||
<li key={unit} className={classes.metadataItem}>
|
|
||||||
<Field
|
|
||||||
name={`workUnitMetadata.units[${index}].scripts]`}
|
|
||||||
component={ScriptsField}
|
|
||||||
label={`${unit} Scripts`}
|
|
||||||
fullWidth
|
|
||||||
multiline
|
|
||||||
margin="normal"
|
|
||||||
/>
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</ol>
|
|
||||||
</Paper>
|
|
||||||
{isSubmitting && <LinearProgress />}
|
|
||||||
<Button
|
|
||||||
variant="contained"
|
|
||||||
color="primary"
|
|
||||||
disabled={isSubmitting}
|
|
||||||
onClick={submitForm}
|
|
||||||
fullWidth
|
|
||||||
>
|
|
||||||
Submit
|
|
||||||
</Button>
|
|
||||||
</Form>
|
|
||||||
);
|
|
||||||
}}
|
|
||||||
</Formik>
|
|
||||||
</Paper>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const ScriptsField: FC<TextFieldProps> = ({ field, form, meta, ...props }) => {
|
|
||||||
return (
|
|
||||||
<TextField
|
|
||||||
{...props}
|
|
||||||
form={form}
|
|
||||||
meta={meta}
|
|
||||||
field={{
|
|
||||||
...field,
|
|
||||||
value: field.value?.join("\n") ?? "",
|
|
||||||
onChange: (ev: ChangeEvent<HTMLInputElement>) =>
|
|
||||||
form.setFieldValue(
|
|
||||||
field.name,
|
|
||||||
ev.target.value?.split("\n").map((it) => it.trim()) ?? []
|
|
||||||
),
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,91 +0,0 @@
|
|||||||
import { gql, useQuery } from "@apollo/client";
|
|
||||||
import { Link, useRouter } from "@curi/react-dom";
|
|
||||||
import {
|
|
||||||
List,
|
|
||||||
ListItem,
|
|
||||||
Typography,
|
|
||||||
ListItemText,
|
|
||||||
ListItemSecondaryAction,
|
|
||||||
IconButton,
|
|
||||||
} from "@material-ui/core";
|
|
||||||
import { FC, MouseEventHandler, useMemo } from "react";
|
|
||||||
import { Pipeline, Project } from "../generated/graphql";
|
|
||||||
import { CallMerge, Edit } from "@material-ui/icons";
|
|
||||||
import { clone } from "ramda";
|
|
||||||
import { useEffect } from "react";
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
projectId: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const PIPELINES = gql`
|
|
||||||
query Pipelines($projectId: String!) {
|
|
||||||
pipelines(projectId: $projectId) {
|
|
||||||
id
|
|
||||||
name
|
|
||||||
branch
|
|
||||||
}
|
|
||||||
project(id: $projectId) {
|
|
||||||
id
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
export const PipelineList: FC<Props> = ({ projectId }) => {
|
|
||||||
const { data, loading } = useQuery<
|
|
||||||
{ pipelines: Pipeline[]; project: Project },
|
|
||||||
{ projectId: string }
|
|
||||||
>(PIPELINES, {
|
|
||||||
variables: { projectId },
|
|
||||||
});
|
|
||||||
const pipelines = useMemo(() => {
|
|
||||||
return data?.pipelines?.map((pipeline) => ({
|
|
||||||
...pipeline,
|
|
||||||
project: data?.project,
|
|
||||||
}));
|
|
||||||
}, [data]);
|
|
||||||
return (
|
|
||||||
<List>
|
|
||||||
{pipelines?.map((pipeline) => (
|
|
||||||
<Link
|
|
||||||
name="pipeline-commits"
|
|
||||||
params={{ pipelineId: pipeline.id, projectId: projectId }}
|
|
||||||
key={pipeline.id}
|
|
||||||
>
|
|
||||||
<Item pipeline={pipeline} />
|
|
||||||
</Link>
|
|
||||||
))}
|
|
||||||
</List>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const Item = ({ pipeline }: { pipeline: Pipeline }) => {
|
|
||||||
const { navigate, url } = useRouter();
|
|
||||||
const modify: MouseEventHandler = (ev) => {
|
|
||||||
ev.preventDefault();
|
|
||||||
navigate({
|
|
||||||
url: url({
|
|
||||||
name: "edit-pipeline",
|
|
||||||
params: { pipelineId: pipeline.id, projectId: pipeline.project.id },
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
};
|
|
||||||
return (
|
|
||||||
<ListItem button>
|
|
||||||
<ListItemText
|
|
||||||
primary={pipeline.name}
|
|
||||||
secondary={
|
|
||||||
<Typography component="span" variant="body2" color="textSecondary">
|
|
||||||
<CallMerge fontSize="small" />
|
|
||||||
{pipeline.branch}
|
|
||||||
</Typography>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
<ListItemSecondaryAction>
|
|
||||||
<IconButton edge="end" aria-label="edit" onClick={modify}>
|
|
||||||
<Edit />
|
|
||||||
</IconButton>
|
|
||||||
</ListItemSecondaryAction>
|
|
||||||
</ListItem>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,19 +0,0 @@
|
|||||||
import { gql } from '@apollo/client';
|
|
||||||
|
|
||||||
export const PIPELINE = gql`
|
|
||||||
query Pipeline($id: String!) {
|
|
||||||
pipeline(id: $id) {
|
|
||||||
id
|
|
||||||
name
|
|
||||||
projectId
|
|
||||||
branch
|
|
||||||
workUnitMetadata {
|
|
||||||
version
|
|
||||||
units {
|
|
||||||
type
|
|
||||||
scripts
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
export * from './project-detail';
|
|
||||||
export * from './project-panel';
|
|
||||||
export * from './project-editor';
|
|
||||||
export * from './queries';
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
import { Project } from "../generated/graphql";
|
|
||||||
import React, { FC, Fragment } from "react";
|
|
||||||
import { IconButton, Grid, makeStyles, Paper, Portal, Typography } from "@material-ui/core";
|
|
||||||
import { useHeaderContainer } from "../layouts";
|
|
||||||
import { PipelineList } from "../pipelines/pipeline-list";
|
|
||||||
import { Edit } from '@material-ui/icons';
|
|
||||||
import { Link } from '@curi/react-dom';
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
project: Project;
|
|
||||||
}
|
|
||||||
|
|
||||||
const useStyles = makeStyles(() => ({
|
|
||||||
root: {
|
|
||||||
height: "100%",
|
|
||||||
flex: "auto",
|
|
||||||
overflow: "hidden"
|
|
||||||
},
|
|
||||||
pipelineListContainer: {
|
|
||||||
height: "100%",
|
|
||||||
width: "100%",
|
|
||||||
overflow: "auto"
|
|
||||||
},
|
|
||||||
}));
|
|
||||||
|
|
||||||
export const ProjectDetail: FC<Props> = ({ project, children }) => {
|
|
||||||
const headerContainer = useHeaderContainer();
|
|
||||||
|
|
||||||
const classes = useStyles();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Fragment>
|
|
||||||
<Portal container={headerContainer}>
|
|
||||||
<Grid
|
|
||||||
container
|
|
||||||
spacing={3}
|
|
||||||
direction="row"
|
|
||||||
justify="space-between"
|
|
||||||
alignItems="center"
|
|
||||||
>
|
|
||||||
<Grid item>
|
|
||||||
<Typography component="h1" variant="h6" noWrap>
|
|
||||||
{project.name}
|
|
||||||
</Typography>
|
|
||||||
<Typography variant="subtitle2" gutterBottom noWrap>
|
|
||||||
{project.comment}
|
|
||||||
</Typography>
|
|
||||||
</Grid>
|
|
||||||
<Grid item>
|
|
||||||
<Link name="edit-project" params={{ projectId: project.id }}>
|
|
||||||
<IconButton color="inherit">{<Edit />}</IconButton>
|
|
||||||
</Link>
|
|
||||||
</Grid>
|
|
||||||
</Grid>
|
|
||||||
</Portal>
|
|
||||||
<Grid
|
|
||||||
container
|
|
||||||
spacing={0}
|
|
||||||
direction="row"
|
|
||||||
alignItems="stretch"
|
|
||||||
className={classes.root}
|
|
||||||
>
|
|
||||||
<Grid item xs={3} lg={2} style={{ height: "100%", display: "flex" }}>
|
|
||||||
<Paper className={classes.pipelineListContainer}>
|
|
||||||
<PipelineList projectId={project.id} />
|
|
||||||
</Paper>
|
|
||||||
</Grid>
|
|
||||||
<Grid
|
|
||||||
item
|
|
||||||
xs={9}
|
|
||||||
lg={10}
|
|
||||||
style={{ height: "100%", display: "flex", overflowY: "auto" }}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</Grid>
|
|
||||||
</Grid>
|
|
||||||
</Fragment>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,25 +1,16 @@
|
|||||||
import { gql, Reference, useMutation } from "@apollo/client";
|
import { gql, useMutation } from "@apollo/client";
|
||||||
import {
|
import { Button, LinearProgress, makeStyles, Paper } from "@material-ui/core";
|
||||||
Button,
|
|
||||||
LinearProgress,
|
|
||||||
makeStyles,
|
|
||||||
Paper,
|
|
||||||
Portal,
|
|
||||||
Typography,
|
|
||||||
Grid,
|
|
||||||
IconButton,
|
|
||||||
} from "@material-ui/core";
|
|
||||||
import { Form, Formik, Field, FormikHelpers } from "formik";
|
import { Form, Formik, Field, FormikHelpers } from "formik";
|
||||||
import { TextField } from "formik-material-ui";
|
import { TextField } from "formik-material-ui";
|
||||||
import { not } from "ramda";
|
import { not } from "ramda";
|
||||||
import { FC } from "react";
|
import React, { FC } from "react";
|
||||||
import { Project } from "../generated/graphql";
|
import {
|
||||||
|
CreateProjectInput,
|
||||||
|
UpdateProjectInput,
|
||||||
|
Project,
|
||||||
|
} from "../generated/graphql";
|
||||||
import * as Yup from "yup";
|
import * as Yup from "yup";
|
||||||
import { useRouter } from "@curi/react-dom";
|
import { useRouter } from "@curi/react-dom";
|
||||||
import { useHeaderContainer } from "../layouts";
|
|
||||||
import DeleteIcon from "@material-ui/icons/Delete";
|
|
||||||
import { useConfirm } from "material-ui-confirm";
|
|
||||||
import { useSnackbar } from "notistack";
|
|
||||||
|
|
||||||
type Values = Partial<Project>;
|
type Values = Partial<Project>;
|
||||||
|
|
||||||
@ -62,12 +53,6 @@ const UPDATE_PROJECT = gql`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const REMOVE_PROJECT = gql`
|
|
||||||
mutation RemoveProject($id: String!) {
|
|
||||||
removeProject(id: $id)
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
export const ProjectEditor: FC<Props> = ({ project }) => {
|
export const ProjectEditor: FC<Props> = ({ project }) => {
|
||||||
const isCreate = not("id" in project);
|
const isCreate = not("id" in project);
|
||||||
|
|
||||||
@ -77,7 +62,7 @@ export const ProjectEditor: FC<Props> = ({ project }) => {
|
|||||||
update(cache, { data }) {
|
update(cache, { data }) {
|
||||||
cache.modify({
|
cache.modify({
|
||||||
fields: {
|
fields: {
|
||||||
projects(exitingProjects = []) {
|
findProjects(exitingProjects = []) {
|
||||||
const newProjectRef = cache.writeFragment({
|
const newProjectRef = cache.writeFragment({
|
||||||
data: data!.createProject,
|
data: data!.createProject,
|
||||||
fragment: gql`
|
fragment: gql`
|
||||||
@ -101,9 +86,6 @@ export const ProjectEditor: FC<Props> = ({ project }) => {
|
|||||||
const [updateProject] = useMutation(UPDATE_PROJECT);
|
const [updateProject] = useMutation(UPDATE_PROJECT);
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
const { enqueueSnackbar } = useSnackbar();
|
|
||||||
|
|
||||||
const submitForm = async (
|
const submitForm = async (
|
||||||
values: Values,
|
values: Values,
|
||||||
formikHelpers: FormikHelpers<Values>
|
formikHelpers: FormikHelpers<Values>
|
||||||
@ -124,9 +106,6 @@ export const ProjectEditor: FC<Props> = ({ project }) => {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
enqueueSnackbar("Saved successfully", {
|
|
||||||
variant: "success",
|
|
||||||
});
|
|
||||||
router.navigate({
|
router.navigate({
|
||||||
url: router.url({
|
url: router.url({
|
||||||
name: "project-detail",
|
name: "project-detail",
|
||||||
@ -141,58 +120,9 @@ export const ProjectEditor: FC<Props> = ({ project }) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const [removeProject, { loading: deleting }] = useMutation(REMOVE_PROJECT, {
|
|
||||||
variables: { id: project.id },
|
|
||||||
update(cache) {
|
|
||||||
cache.modify({
|
|
||||||
fields: {
|
|
||||||
projects(exitingProjects: Reference[] = [], { readField }) {
|
|
||||||
return exitingProjects.filter(
|
|
||||||
(ref) => project.id !== readField("id", ref)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const confirm = useConfirm();
|
|
||||||
const handleDelete = async () => {
|
|
||||||
try {
|
|
||||||
await confirm({ description: `This will delete ${project.name}.` });
|
|
||||||
await removeProject();
|
|
||||||
enqueueSnackbar("Deleted successfully", {
|
|
||||||
variant: "success",
|
|
||||||
});
|
|
||||||
router.navigate({
|
|
||||||
url: router.url({
|
|
||||||
name: "dashboard",
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
} catch {}
|
|
||||||
};
|
|
||||||
|
|
||||||
const headerContainer = useHeaderContainer();
|
|
||||||
|
|
||||||
const classes = useStyles();
|
const classes = useStyles();
|
||||||
return (
|
return (
|
||||||
<Paper className={classes.root}>
|
<Paper className={classes.root}>
|
||||||
<Portal container={headerContainer}>
|
|
||||||
<Grid container justify="space-between" alignItems="center">
|
|
||||||
<Typography variant="h6" component="h1">
|
|
||||||
{isCreate ? "Create" : "Edit"} Project
|
|
||||||
</Typography>
|
|
||||||
{isCreate ? null : (
|
|
||||||
<IconButton
|
|
||||||
color="inherit"
|
|
||||||
onClick={handleDelete}
|
|
||||||
disabled={deleting}
|
|
||||||
>
|
|
||||||
<DeleteIcon />
|
|
||||||
</IconButton>
|
|
||||||
)}
|
|
||||||
</Grid>
|
|
||||||
</Portal>
|
|
||||||
<Formik
|
<Formik
|
||||||
initialValues={project}
|
initialValues={project}
|
||||||
validationSchema={Yup.object({
|
validationSchema={Yup.object({
|
||||||
|
|||||||
@ -1,12 +1,13 @@
|
|||||||
import { gql, useQuery } from "@apollo/client";
|
import { gql, useQuery } from '@apollo/client';
|
||||||
import { Link } from "@curi/react-dom";
|
import { Link, useRouter } from '@curi/react-dom';
|
||||||
import { Box, List, ListItem, makeStyles, Theme } from "@material-ui/core";
|
import { Box, List, ListItem } from '@material-ui/core';
|
||||||
import { FC } from "react";
|
import { makeStyles, Theme, createStyles } from '@material-ui/core';
|
||||||
import { Project } from "../generated/graphql";
|
import { find, propEq } from 'ramda';
|
||||||
import { ListItemText } from "@material-ui/core";
|
import React, { useState, FC, useEffect } from 'react';
|
||||||
import { Button } from "@material-ui/core";
|
import { Project } from '../generated/graphql';
|
||||||
import { AddBox } from "@material-ui/icons";
|
import { ListItemText } from '@material-ui/core';
|
||||||
import { ActiveLink } from "../commons/route/active-link";
|
import { Button } from '@material-ui/core';
|
||||||
|
import { AddBox } from '@material-ui/icons';
|
||||||
|
|
||||||
const PROJECTS = gql`
|
const PROJECTS = gql`
|
||||||
query Projects {
|
query Projects {
|
||||||
@ -21,31 +22,19 @@ const PROJECTS = gql`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const useStyles = makeStyles((theme: Theme) => ({
|
const useStyles = makeStyles((theme: Theme) =>
|
||||||
item: {
|
createStyles({
|
||||||
position: "relative",
|
|
||||||
".active &": {
|
})
|
||||||
backgroundColor: theme.palette.background.default,
|
);
|
||||||
},
|
|
||||||
".active &::before": {
|
|
||||||
position: "absolute",
|
|
||||||
top: 0,
|
|
||||||
bottom: 0,
|
|
||||||
left: 0,
|
|
||||||
content: '""',
|
|
||||||
display: "block",
|
|
||||||
borderLeftColor: theme.palette.secondary.main,
|
|
||||||
borderLeftWidth: 4,
|
|
||||||
borderLeftStyle: "solid",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}));
|
|
||||||
|
|
||||||
export function ProjectPanel() {
|
export function ProjectPanel() {
|
||||||
return (
|
return (
|
||||||
<section>
|
<section>
|
||||||
<Box m={2}>
|
<Box m={2}>
|
||||||
<Link name="create-project">
|
<Link
|
||||||
|
name="create-project"
|
||||||
|
>
|
||||||
<Button
|
<Button
|
||||||
variant="contained"
|
variant="contained"
|
||||||
color="primary"
|
color="primary"
|
||||||
@ -62,23 +51,32 @@ export function ProjectPanel() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const ProjectList: FC<{}> = () => {
|
const ProjectList: FC<{}> = () => {
|
||||||
const { data } = useQuery<{
|
const { data, refetch } = useQuery<{
|
||||||
projects: Project[];
|
projects: Project[];
|
||||||
}>(PROJECTS);
|
}>(PROJECTS);
|
||||||
const projects = data?.projects;
|
const projects = data?.projects;
|
||||||
|
const [currentProject, setCurrentProject] = useState<Project | undefined>(
|
||||||
|
undefined
|
||||||
|
);
|
||||||
|
const { current } = useRouter();
|
||||||
|
|
||||||
const classes = useStyles();
|
useEffect(() => {
|
||||||
|
const currId = current()?.response?.params.projectId;
|
||||||
|
console.log(currId);
|
||||||
|
setCurrentProject(find(propEq("id", currId), projects ?? []));
|
||||||
|
}, [current, projects]);
|
||||||
|
|
||||||
const items = projects?.map((item) => (
|
const items = projects?.map((item) => (
|
||||||
<ActiveLink
|
<Link
|
||||||
name="project-detail"
|
name="edit-project"
|
||||||
params={{ projectId: item.id }}
|
params={{ projectId: item.id }}
|
||||||
key={item.id}
|
key={item.id}
|
||||||
|
onNav={() => setCurrentProject(item)}
|
||||||
>
|
>
|
||||||
<ListItem button className={classes.item}>
|
<ListItem button>
|
||||||
<ListItemText primary={item.name} secondary={item.comment} />
|
<ListItemText primary={item.name} secondary={item.comment} />
|
||||||
</ListItem>
|
</ListItem>
|
||||||
</ActiveLink>
|
</Link>
|
||||||
));
|
));
|
||||||
return <List>{items}</List>;
|
return <List>{items}</List>;
|
||||||
};
|
};
|
||||||
|
|||||||
148
src/routes.tsx
148
src/routes.tsx
@ -1,19 +1,9 @@
|
|||||||
import { ApolloClient, InMemoryCache } from "@apollo/client";
|
import { ApolloClient, InMemoryCache } from "@apollo/client";
|
||||||
import { prepareRoutes } from "@curi/router";
|
import { prepareRoutes } from "@curi/router";
|
||||||
import { omit } from 'ramda';
|
import { omit } from 'ramda';
|
||||||
import React from "react";
|
import { CreateProjectInput, Project } from './generated/graphql';
|
||||||
import { ProjectDetail, ProjectEditor, PROJECT } from "./projects";
|
import { ProjectEditor } from './projects/project-editor';
|
||||||
import { COMMIT_LIST_QUERY } from './commons/graphql/queries';
|
import { PROJECT } from './projects/queries';
|
||||||
import { CommitList } from './commits/commit-list';
|
|
||||||
import { PipelineTaskDetail } from './pipeline-tasks/pipeline-task-detail';
|
|
||||||
import { PipelineEditor } from "./pipelines/pipeline-editor";
|
|
||||||
import {
|
|
||||||
CreatePipelineInput,
|
|
||||||
CreateProjectInput,
|
|
||||||
Pipeline,
|
|
||||||
Project,
|
|
||||||
} from "./generated/graphql";
|
|
||||||
import { PIPELINE } from "./pipelines";
|
|
||||||
|
|
||||||
export default prepareRoutes([
|
export default prepareRoutes([
|
||||||
{
|
{
|
||||||
@ -22,7 +12,7 @@ export default prepareRoutes([
|
|||||||
respond() {
|
respond() {
|
||||||
return { body: () => <div>DashBoard</div> };
|
return { body: () => <div>DashBoard</div> };
|
||||||
},
|
},
|
||||||
}, // dashboard
|
},
|
||||||
{
|
{
|
||||||
name: "create-project",
|
name: "create-project",
|
||||||
path: "projects/create",
|
path: "projects/create",
|
||||||
@ -36,14 +26,11 @@ export default prepareRoutes([
|
|||||||
};
|
};
|
||||||
return { body: () => <ProjectEditor project={input} /> };
|
return { body: () => <ProjectEditor project={input} /> };
|
||||||
},
|
},
|
||||||
}, // create-project
|
},
|
||||||
{
|
{
|
||||||
name: "edit-project",
|
name: "edit-project",
|
||||||
path: "projects/:projectId/edit",
|
path: "projects/:projectId/edit",
|
||||||
async resolve(
|
async resolve(matched, { client }: { client: ApolloClient<InMemoryCache> }) {
|
||||||
matched,
|
|
||||||
{ client }: { client: ApolloClient<InMemoryCache> }
|
|
||||||
) {
|
|
||||||
const { data } = await client.query<{ project: Project }>({
|
const { data } = await client.query<{ project: Project }>({
|
||||||
query: PROJECT,
|
query: PROJECT,
|
||||||
variables: { id: matched?.params.projectId },
|
variables: { id: matched?.params.projectId },
|
||||||
@ -57,129 +44,18 @@ export default prepareRoutes([
|
|||||||
respond({ resolved }) {
|
respond({ resolved }) {
|
||||||
return resolved;
|
return resolved;
|
||||||
},
|
},
|
||||||
}, // edit-project
|
|
||||||
{
|
|
||||||
name: "create-pipeline",
|
|
||||||
path: "projects/:projectId/pipelines/create",
|
|
||||||
async resolve(
|
|
||||||
matched,
|
|
||||||
{ client }: { client: ApolloClient<InMemoryCache> }
|
|
||||||
) {
|
|
||||||
const input: CreatePipelineInput = {
|
|
||||||
name: "",
|
|
||||||
branch: "",
|
|
||||||
projectId: matched!.params.projectId,
|
|
||||||
workUnitMetadata: {
|
|
||||||
version: 1,
|
|
||||||
units: [],
|
|
||||||
},
|
},
|
||||||
};
|
|
||||||
return {
|
|
||||||
body: () => <PipelineEditor pipeline={input as any} />,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
respond({ resolved }) {
|
|
||||||
return resolved;
|
|
||||||
},
|
|
||||||
}, // create-pipeline
|
|
||||||
{
|
|
||||||
name: "edit-pipeline",
|
|
||||||
path: "projects/:projectId/pipelines/:pipelineId/edit",
|
|
||||||
async resolve(
|
|
||||||
matched,
|
|
||||||
{ client }: { client: ApolloClient<InMemoryCache> }
|
|
||||||
) {
|
|
||||||
const { data } = await client.query<{ pipeline: Pipeline }>({
|
|
||||||
query: PIPELINE,
|
|
||||||
variables: { id: matched?.params.pipelineId },
|
|
||||||
});
|
|
||||||
return {
|
|
||||||
body: () => <PipelineEditor pipeline={data.pipeline} />,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
respond({ resolved }) {
|
|
||||||
return resolved;
|
|
||||||
},
|
|
||||||
}, // edit-pipeline
|
|
||||||
{
|
{
|
||||||
name: "project-detail",
|
name: "project-detail",
|
||||||
path: "projects/:projectId",
|
path: "projects/:projectId",
|
||||||
async resolve(
|
resolve() {
|
||||||
matched,
|
const body = import(
|
||||||
{ client }: { client: ApolloClient<InMemoryCache> }
|
/* webpackChunkName: "article-editor" */ "./projects/project-panel"
|
||||||
) {
|
).then((m) => m.ProjectPanel);
|
||||||
const { data } = await client.query<{ project: Project }>({
|
return body;
|
||||||
query: PROJECT,
|
|
||||||
variables: { id: matched?.params.projectId },
|
|
||||||
});
|
|
||||||
return {
|
|
||||||
body: () => (
|
|
||||||
<ProjectDetail project={omit(["__typename"], data.project)} />
|
|
||||||
),
|
|
||||||
};
|
|
||||||
},
|
},
|
||||||
respond({ resolved }) {
|
respond({ resolved }) {
|
||||||
return resolved;
|
return { body: resolved };
|
||||||
},
|
},
|
||||||
children: [
|
|
||||||
{
|
|
||||||
name: "pipeline-commits",
|
|
||||||
path: "pipelines/:pipelineId/commits",
|
|
||||||
async resolve(
|
|
||||||
matched,
|
|
||||||
{ client }: { client: ApolloClient<InMemoryCache> }
|
|
||||||
) {
|
|
||||||
const { data } = await client.query<{
|
|
||||||
pipeline: Pipeline;
|
|
||||||
project: Project;
|
|
||||||
}>({
|
|
||||||
query: COMMIT_LIST_QUERY,
|
|
||||||
variables: {
|
|
||||||
projectId: matched?.params.projectId,
|
|
||||||
pipelineId: matched?.params.pipelineId,
|
|
||||||
},
|
},
|
||||||
});
|
|
||||||
return {
|
|
||||||
body: () => (
|
|
||||||
<ProjectDetail project={omit(["__typename"], data.project)}>
|
|
||||||
<CommitList pipeline={omit(["__typename"], data.pipeline)} />
|
|
||||||
</ProjectDetail>
|
|
||||||
),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
respond({ resolved, error }) {
|
|
||||||
return resolved || <div>Failed</div>;
|
|
||||||
},
|
|
||||||
}, // pipeline-commits
|
|
||||||
{
|
|
||||||
name: "pipeline-task-detail",
|
|
||||||
path: "pipelines/:pipelineId/tasks/:taskId",
|
|
||||||
async resolve(
|
|
||||||
matched,
|
|
||||||
{ client }: { client: ApolloClient<InMemoryCache> }
|
|
||||||
) {
|
|
||||||
const { data } = await client.query<{
|
|
||||||
pipeline: Pipeline;
|
|
||||||
project: Project;
|
|
||||||
}>({
|
|
||||||
query: COMMIT_LIST_QUERY,
|
|
||||||
variables: {
|
|
||||||
projectId: matched?.params.projectId,
|
|
||||||
pipelineId: matched?.params.pipelineId,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
return {
|
|
||||||
body: () => (
|
|
||||||
<ProjectDetail project={omit(["__typename"], data.project)}>
|
|
||||||
<PipelineTaskDetail taskId={matched?.params.taskId} />
|
|
||||||
</ProjectDetail>
|
|
||||||
),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
respond({ resolved, error }) {
|
|
||||||
return resolved || <div>Failed</div>;
|
|
||||||
},
|
|
||||||
}, // pipeline-task-detail
|
|
||||||
],
|
|
||||||
}, // project-detail
|
|
||||||
]);
|
]);
|
||||||
|
|||||||
@ -1,22 +0,0 @@
|
|||||||
import { fromPairs, map, omit, pipe, toPairs, type } from "ramda";
|
|
||||||
|
|
||||||
export const deepOmit = <T = any, K = any>(
|
|
||||||
names: readonly string[],
|
|
||||||
value: K
|
|
||||||
): T => {
|
|
||||||
switch (type(value)) {
|
|
||||||
case "Array":
|
|
||||||
return (value as unknown as Array<any>).map((item: any) =>
|
|
||||||
deepOmit(names, item)
|
|
||||||
) as unknown as T;
|
|
||||||
case "Object":
|
|
||||||
return pipe(
|
|
||||||
omit(names),
|
|
||||||
toPairs,
|
|
||||||
map(([key, val]) => [key, deepOmit(names, val)] as any),
|
|
||||||
fromPairs
|
|
||||||
)(value) as unknown as T;
|
|
||||||
default:
|
|
||||||
return value as unknown as T;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
Loading…
Reference in New Issue
Block a user