Compare commits
No commits in common. "282366cd729cac047f0749da1d94802c512f35ad" and "61dad695fb40b7004719cdc4829183eab43c5293" have entirely different histories.
282366cd72
...
61dad695fb
4
.vscode/settings.json
vendored
4
.vscode/settings.json
vendored
@ -1,6 +1,10 @@
|
|||||||
{
|
{
|
||||||
"css.validate": false,
|
"css.validate": false,
|
||||||
"scss.validate": false,
|
"scss.validate": false,
|
||||||
|
"editor.quickSuggestions": {
|
||||||
|
"strings": true,
|
||||||
|
"other": true,
|
||||||
|
},
|
||||||
"cSpell.words": [
|
"cSpell.words": [
|
||||||
"Formik"
|
"Formik"
|
||||||
]
|
]
|
||||||
|
|||||||
@ -552,354 +552,6 @@
|
|||||||
"enumValues": null,
|
"enumValues": null,
|
||||||
"possibleTypes": null
|
"possibleTypes": null
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "WorkUnit",
|
|
||||||
"description": null,
|
|
||||||
"fields": [
|
|
||||||
{
|
|
||||||
"name": "type",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "ENUM",
|
|
||||||
"name": "PipelineUnits",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "scripts",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "LIST",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": [],
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "ENUM",
|
|
||||||
"name": "PipelineUnits",
|
|
||||||
"description": "流水线单元",
|
|
||||||
"fields": null,
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": null,
|
|
||||||
"enumValues": [
|
|
||||||
{
|
|
||||||
"name": "checkout",
|
|
||||||
"description": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "installDependencies",
|
|
||||||
"description": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "test",
|
|
||||||
"description": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "deploy",
|
|
||||||
"description": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "cleanUp",
|
|
||||||
"description": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "WorkUnitMetadata",
|
|
||||||
"description": null,
|
|
||||||
"fields": [
|
|
||||||
{
|
|
||||||
"name": "version",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "Float",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "units",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "LIST",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "WorkUnit",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": [],
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "Pipeline",
|
|
||||||
"description": null,
|
|
||||||
"fields": [
|
|
||||||
{
|
|
||||||
"name": "id",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "ID",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "project",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "Project",
|
|
||||||
"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": "branch",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "name",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "workUnitMetadata",
|
|
||||||
"description": null,
|
|
||||||
"args": [],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "WorkUnitMetadata",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"inputFields": null,
|
|
||||||
"interfaces": [],
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "INPUT_OBJECT",
|
|
||||||
"name": "WorkUnitInput",
|
|
||||||
"description": null,
|
|
||||||
"fields": null,
|
|
||||||
"inputFields": [
|
|
||||||
{
|
|
||||||
"name": "type",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "ENUM",
|
|
||||||
"name": "PipelineUnits",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "scripts",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "LIST",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"interfaces": null,
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "INPUT_OBJECT",
|
|
||||||
"name": "WorkUnitMetadataInput",
|
|
||||||
"description": null,
|
|
||||||
"fields": null,
|
|
||||||
"inputFields": [
|
|
||||||
{
|
|
||||||
"name": "version",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "Float",
|
|
||||||
"ofType": null
|
|
||||||
},
|
|
||||||
"defaultValue": "1",
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "units",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "LIST",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "INPUT_OBJECT",
|
|
||||||
"name": "WorkUnitInput",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"interfaces": null,
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"kind": "OBJECT",
|
"kind": "OBJECT",
|
||||||
"name": "Query",
|
"name": "Query",
|
||||||
@ -1043,76 +695,6 @@
|
|||||||
},
|
},
|
||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "listPipelines",
|
|
||||||
"description": null,
|
|
||||||
"args": [
|
|
||||||
{
|
|
||||||
"name": "projectId",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "LIST",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "Pipeline",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "findPipeline",
|
|
||||||
"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": "OBJECT",
|
|
||||||
"name": "Pipeline",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"inputFields": null,
|
"inputFields": null,
|
||||||
@ -1307,100 +889,18 @@
|
|||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "createPipeline",
|
"name": "checkout",
|
||||||
"description": null,
|
"description": null,
|
||||||
"args": [
|
"args": [
|
||||||
{
|
{
|
||||||
"name": "pipeline",
|
"name": "checkoutInput",
|
||||||
"description": null,
|
"description": null,
|
||||||
"type": {
|
"type": {
|
||||||
"kind": "NON_NULL",
|
"kind": "NON_NULL",
|
||||||
"name": null,
|
"name": null,
|
||||||
"ofType": {
|
"ofType": {
|
||||||
"kind": "INPUT_OBJECT",
|
"kind": "INPUT_OBJECT",
|
||||||
"name": "CreatePipelineInput",
|
"name": "CheckoutInput",
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "Pipeline",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "modifyPipeline",
|
|
||||||
"description": null,
|
|
||||||
"args": [
|
|
||||||
{
|
|
||||||
"name": "Pipeline",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "INPUT_OBJECT",
|
|
||||||
"name": "UpdatePipelineInput",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"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": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "OBJECT",
|
|
||||||
"name": "Pipeline",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "deletePipeline",
|
|
||||||
"description": null,
|
|
||||||
"args": [
|
|
||||||
{
|
|
||||||
"name": "id",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
"ofType": null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -1414,7 +914,7 @@
|
|||||||
"name": null,
|
"name": null,
|
||||||
"ofType": {
|
"ofType": {
|
||||||
"kind": "SCALAR",
|
"kind": "SCALAR",
|
||||||
"name": "Float",
|
"name": "Boolean",
|
||||||
"ofType": null
|
"ofType": null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -1595,7 +1095,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"kind": "INPUT_OBJECT",
|
"kind": "INPUT_OBJECT",
|
||||||
"name": "CreatePipelineInput",
|
"name": "CheckoutInput",
|
||||||
"description": null,
|
"description": null,
|
||||||
"fields": null,
|
"fields": null,
|
||||||
"inputFields": [
|
"inputFields": [
|
||||||
@ -1619,120 +1119,21 @@
|
|||||||
"name": "branch",
|
"name": "branch",
|
||||||
"description": null,
|
"description": null,
|
||||||
"type": {
|
"type": {
|
||||||
"kind": "NON_NULL",
|
"kind": "SCALAR",
|
||||||
"name": null,
|
"name": "String",
|
||||||
"ofType": {
|
"ofType": null
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"defaultValue": null,
|
"defaultValue": null,
|
||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
"deprecationReason": null
|
"deprecationReason": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "name",
|
"name": "commitNumber",
|
||||||
"description": null,
|
"description": null,
|
||||||
"type": {
|
"type": {
|
||||||
"kind": "NON_NULL",
|
"kind": "SCALAR",
|
||||||
"name": null,
|
"name": "String",
|
||||||
"ofType": {
|
"ofType": null
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "workUnitMetadata",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "INPUT_OBJECT",
|
|
||||||
"name": "WorkUnitMetadataInput",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"interfaces": null,
|
|
||||||
"enumValues": null,
|
|
||||||
"possibleTypes": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "INPUT_OBJECT",
|
|
||||||
"name": "UpdatePipelineInput",
|
|
||||||
"description": null,
|
|
||||||
"fields": null,
|
|
||||||
"inputFields": [
|
|
||||||
{
|
|
||||||
"name": "projectId",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "branch",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "name",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "SCALAR",
|
|
||||||
"name": "String",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultValue": null,
|
|
||||||
"isDeprecated": false,
|
|
||||||
"deprecationReason": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "workUnitMetadata",
|
|
||||||
"description": null,
|
|
||||||
"type": {
|
|
||||||
"kind": "NON_NULL",
|
|
||||||
"name": null,
|
|
||||||
"ofType": {
|
|
||||||
"kind": "INPUT_OBJECT",
|
|
||||||
"name": "WorkUnitMetadataInput",
|
|
||||||
"ofType": null
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"defaultValue": null,
|
"defaultValue": null,
|
||||||
"isDeprecated": false,
|
"isDeprecated": false,
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
import { ApolloProvider } from '@apollo/client';
|
import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';
|
||||||
import { Fragment, FunctionalComponent, h } from 'preact';
|
import { Fragment, FunctionalComponent, h } from 'preact';
|
||||||
import { ProjectPanel } from './projects/project-panel';
|
import { ProjectPanel } from './projects/project-panel';
|
||||||
import styles from './app.scss';
|
import styles from './app.scss';
|
||||||
import { OverlayContainer } from './commons/overlay/overlay';
|
import { OverlayContainer } from './commons/overlay/overlay';
|
||||||
import { useObserver } from 'mobx-react';
|
import { useObserver } from 'mobx-react';
|
||||||
import Router, { Route } from 'preact-router';
|
import { appStore } from '../app.store';
|
||||||
import { ProjectDetails } from '../routes/projects/project-details';
|
|
||||||
import { createApolloClient } from '../units/apollo-client';
|
|
||||||
import { PipelineEditor } from '../routes/pipelines/pipeline-editor';
|
|
||||||
|
|
||||||
const client = createApolloClient();
|
const client = new ApolloClient({
|
||||||
|
uri: '/api/graphql',
|
||||||
|
cache: new InMemoryCache()
|
||||||
|
});
|
||||||
|
|
||||||
const App: FunctionalComponent = () => {
|
const App: FunctionalComponent = () => {
|
||||||
return (
|
return (
|
||||||
@ -29,15 +29,7 @@ const Board = () => {
|
|||||||
return useObserver(() => {
|
return useObserver(() => {
|
||||||
return (
|
return (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<main>
|
<main>{appStore.main}</main>
|
||||||
<Router>
|
|
||||||
<Route path="/projects/:id" component={ProjectDetails} />
|
|
||||||
<Route
|
|
||||||
path="/dev"
|
|
||||||
component={() => <PipelineEditor projectId="test" />}
|
|
||||||
/>
|
|
||||||
</Router>
|
|
||||||
</main>
|
|
||||||
<aside>
|
<aside>
|
||||||
<ProjectPanel />
|
<ProjectPanel />
|
||||||
</aside>
|
</aside>
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
import { h } from 'preact';
|
import { h } from 'preact';
|
||||||
import styles from './commit-actions.scss';
|
import styles from './commit-actions.scss';
|
||||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
||||||
import { makeAutoObservable } from 'mobx';
|
import { autorun, makeAutoObservable } from 'mobx';
|
||||||
import { ActionButton } from './action-button';
|
import { ActionButton } from './action-button';
|
||||||
import { gql, useMutation } from '@apollo/client';
|
import { gql, useMutation } from '@apollo/client';
|
||||||
import { Project } from '../../generated/graphql';
|
import { CheckoutInput, Project } from '../../generated/graphql';
|
||||||
import {
|
import {
|
||||||
CommitActionsStoreProvider,
|
CommitActionsStoreProvider,
|
||||||
CommitActionsStore
|
CommitActionsStore
|
||||||
@ -17,7 +17,11 @@ import {
|
|||||||
} from '@fortawesome/free-solid-svg-icons';
|
} from '@fortawesome/free-solid-svg-icons';
|
||||||
import { useLocalObservable } from 'mobx-react';
|
import { useLocalObservable } from 'mobx-react';
|
||||||
|
|
||||||
const CHECKOUT = '';
|
const CHECKOUT = gql`
|
||||||
|
mutation Checkout($input: CheckoutInput!) {
|
||||||
|
checkout(checkoutInput: $input)
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
project: Project;
|
project: Project;
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import { FC } from 'preact/compat';
|
import { FC } from 'preact/compat';
|
||||||
import { h, RenderableProps } from 'preact';
|
import { h } from 'preact';
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
loading?: boolean;
|
loading?: boolean;
|
||||||
|
|||||||
@ -1,2 +0,0 @@
|
|||||||
import { controller } from './messages-container';
|
|
||||||
export const Message = controller;
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
.message {
|
|
||||||
@apply px-4 py-2 rounded-xl bg-white dark:bg-gray-900;
|
|
||||||
}
|
|
||||||
.error {
|
|
||||||
@apply bg-red-200 text-red-600;
|
|
||||||
}
|
|
||||||
.success {
|
|
||||||
@apply bg-green-200 text-green-600;
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
@apply mt-5;
|
|
||||||
@apply grid grid-cols-1 gap-y-2 justify-items-center;
|
|
||||||
}
|
|
||||||
14
src/components/commons/message/message.scss.d.ts
vendored
14
src/components/commons/message/message.scss.d.ts
vendored
@ -1,14 +0,0 @@
|
|||||||
// This file is automatically generated from your CSS. Any edits will be overwritten.
|
|
||||||
declare namespace MessageScssNamespace {
|
|
||||||
export interface IMessageScss {
|
|
||||||
container: string;
|
|
||||||
dark: string;
|
|
||||||
error: string;
|
|
||||||
message: string;
|
|
||||||
success: string;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
declare const MessageScssModule: MessageScssNamespace.IMessageScss;
|
|
||||||
|
|
||||||
export = MessageScssModule;
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
import styles from './message.scss';
|
|
||||||
import classNames from 'classnames';
|
|
||||||
import { h } from 'preact';
|
|
||||||
|
|
||||||
export class MessageOptions {
|
|
||||||
message = '';
|
|
||||||
type: 'success' | 'error' | 'default' = 'default';
|
|
||||||
/**
|
|
||||||
* 滞留时间（秒）
|
|
||||||
*/
|
|
||||||
duration = 5000;
|
|
||||||
}
|
|
||||||
|
|
||||||
export const MessageComponent = ({ message, type }: MessageOptions) => {
|
|
||||||
return (
|
|
||||||
<section
|
|
||||||
className={classNames(styles.message, {
|
|
||||||
[styles.success]: type === 'success',
|
|
||||||
[styles.error]: type === 'error'
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
{message}
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,66 +0,0 @@
|
|||||||
import { MessageComponent, MessageOptions } from './message';
|
|
||||||
import { action, autorun, computed, makeObservable, observable } from 'mobx';
|
|
||||||
import { h } from 'preact';
|
|
||||||
import { createOverlay } from '../overlay/overlay';
|
|
||||||
import { observer } from 'mobx-react';
|
|
||||||
import styles from './message.scss';
|
|
||||||
class Store {
|
|
||||||
@observable
|
|
||||||
messages: MessageOptions[] = [];
|
|
||||||
|
|
||||||
isNeedCreateView = true;
|
|
||||||
constructor() {
|
|
||||||
makeObservable(this);
|
|
||||||
autorun(() => {
|
|
||||||
if (this.messageComponents.length > 0 && this.isNeedCreateView) {
|
|
||||||
this.isNeedCreateView = false;
|
|
||||||
createOverlay({
|
|
||||||
content: <MessageContainer store={this} />,
|
|
||||||
mask: false
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
@computed
|
|
||||||
get messageComponents() {
|
|
||||||
return this.messages.map((options, index) => (
|
|
||||||
<MessageComponent {...options} key={index} />
|
|
||||||
));
|
|
||||||
}
|
|
||||||
|
|
||||||
@action
|
|
||||||
add(options: MessageOptions) {
|
|
||||||
this.messages.push(options);
|
|
||||||
setTimeout(() => {
|
|
||||||
const index = this.messages.indexOf(options);
|
|
||||||
if (index === -1) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.messages.splice(index, 1);
|
|
||||||
}, options.duration);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
interface Controller {
|
|
||||||
error: (message: string) => void;
|
|
||||||
success: (message: string) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
const store = new Store();
|
|
||||||
|
|
||||||
const addMessage = (options: Partial<MessageOptions & { message: string }>) => {
|
|
||||||
store.add(Object.assign(new MessageOptions(), options));
|
|
||||||
};
|
|
||||||
|
|
||||||
export const controller: Controller = {
|
|
||||||
error(message) {
|
|
||||||
return addMessage({ message, type: 'error' });
|
|
||||||
},
|
|
||||||
success(message) {
|
|
||||||
return addMessage({ message, type: 'success' });
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const MessageContainer = observer(({ store }: { store: Store }) => {
|
|
||||||
return <ol className={styles.container}>{store.messageComponents}</ol>;
|
|
||||||
});
|
|
||||||
@ -2,8 +2,5 @@
|
|||||||
@apply opacity-50 bg-white fixed top-0 bottom-0 left-0 right-0;
|
@apply opacity-50 bg-white fixed top-0 bottom-0 left-0 right-0;
|
||||||
}
|
}
|
||||||
.body {
|
.body {
|
||||||
@apply fixed top-0 bottom-0 left-0 right-0 pointer-events-none;
|
@apply fixed top-0 bottom-0 left-0 right-0;
|
||||||
& > * {
|
|
||||||
@apply pointer-events-auto;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -9,7 +9,6 @@ import { createPortal } from 'preact/compat';
|
|||||||
interface Props {
|
interface Props {
|
||||||
content: ComponentChild;
|
content: ComponentChild;
|
||||||
overlayId?: string;
|
overlayId?: string;
|
||||||
mask?: boolean;
|
|
||||||
onClose?: () => void;
|
onClose?: () => void;
|
||||||
onOk?: () => void;
|
onOk?: () => void;
|
||||||
onCancel?: () => void;
|
onCancel?: () => void;
|
||||||
@ -60,8 +59,8 @@ export const Overlay = (props: Props) => {
|
|||||||
isVisible ? (
|
isVisible ? (
|
||||||
<OverlayProvider value={controller}>
|
<OverlayProvider value={controller}>
|
||||||
<Fragment>
|
<Fragment>
|
||||||
{props.mask ?? true ? <div class={styles.mask}></div> : null}
|
<div class={styles.mask}></div>
|
||||||
<div className={styles.body}>{props.content}</div>
|
<div class={styles.body}>{props.content}</div>
|
||||||
</Fragment>
|
</Fragment>
|
||||||
</OverlayProvider>
|
</OverlayProvider>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@ -1,10 +0,0 @@
|
|||||||
import { gql } from '@apollo/client';
|
|
||||||
|
|
||||||
export const LIST_PIPELINES = gql`
|
|
||||||
query ListPipelines($projectId: String) {
|
|
||||||
pipelines: listPipelines(projectId: $projectId) {
|
|
||||||
id
|
|
||||||
name
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
.pipelineList {
|
|
||||||
@apply bg-red-200;
|
|
||||||
|
|
||||||
& > header {
|
|
||||||
@apply bg-white flex justify-between items-center;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.item {
|
|
||||||
@apply bg-gray-50;
|
|
||||||
}
|
|
||||||
.addBtn {
|
|
||||||
@apply bg-red-400 text-white;
|
|
||||||
@apply py-1 px-2 m-2 rounded-lg;
|
|
||||||
@apply hover:bg-red-500;
|
|
||||||
}
|
|
||||||
.refetchBtn {
|
|
||||||
@apply text-red-400 flex items-center;
|
|
||||||
@apply w-4 h-4 m-2 rounded-full;
|
|
||||||
}
|
|
||||||
13
src/components/pipelines/pipeline-list.scss.d.ts
vendored
13
src/components/pipelines/pipeline-list.scss.d.ts
vendored
@ -1,13 +0,0 @@
|
|||||||
// This file is automatically generated from your CSS. Any edits will be overwritten.
|
|
||||||
declare namespace PipelineListScssNamespace {
|
|
||||||
export interface IPipelineListScss {
|
|
||||||
addBtn: string;
|
|
||||||
item: string;
|
|
||||||
pipelineList: string;
|
|
||||||
refetchBtn: string;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
declare const PipelineListScssModule: PipelineListScssNamespace.IPipelineListScss;
|
|
||||||
|
|
||||||
export = PipelineListScssModule;
|
|
||||||
@ -1,87 +0,0 @@
|
|||||||
import { useQuery } from '@apollo/client';
|
|
||||||
import { makeAutoObservable } from 'mobx';
|
|
||||||
import { useLocalObservable, useObserver } from 'mobx-react-lite';
|
|
||||||
import { useMemo } from 'preact/hooks';
|
|
||||||
import { h } from 'preact';
|
|
||||||
import { Pipeline } from '../../generated/graphql';
|
|
||||||
import styles from './pipeline-list.scss';
|
|
||||||
import classNames from 'classnames';
|
|
||||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
||||||
import { faRedoAlt } from '@fortawesome/free-solid-svg-icons';
|
|
||||||
import { createOverlay } from '../commons/overlay/overlay';
|
|
||||||
import { PipelineEditor } from '../../routes/pipelines/pipeline-editor';
|
|
||||||
import { LIST_PIPELINES } from './pipeline-list.constants';
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
projectId: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
class Store {
|
|
||||||
pipelines?: Pipeline[];
|
|
||||||
currPipelineId?: string;
|
|
||||||
constructor() {
|
|
||||||
makeAutoObservable(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
get items() {
|
|
||||||
return this.pipelines?.map(pipeline => {
|
|
||||||
const isActive = this.currPipelineId === pipeline.id;
|
|
||||||
return (
|
|
||||||
<li
|
|
||||||
key={pipeline.id}
|
|
||||||
className={classNames(
|
|
||||||
{
|
|
||||||
isActive
|
|
||||||
},
|
|
||||||
styles.item
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<h3>{pipeline.name}</h3>
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
setPipelines(pipelines: any[] | undefined) {
|
|
||||||
this.pipelines = pipelines;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export const PipelineList = ({ projectId }: Props) => {
|
|
||||||
const { data, refetch } = useQuery<{ pipelines: Pipeline[] }>(
|
|
||||||
LIST_PIPELINES,
|
|
||||||
{
|
|
||||||
variables: {
|
|
||||||
projectId
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
const pipelines: Pipeline[] | undefined = data?.pipelines;
|
|
||||||
|
|
||||||
const store = useLocalObservable(() => new Store());
|
|
||||||
|
|
||||||
useMemo(() => store.setPipelines(pipelines), [store, pipelines]);
|
|
||||||
|
|
||||||
const items = useObserver(() => store.items);
|
|
||||||
|
|
||||||
const addPipeline = () => {
|
|
||||||
createOverlay({
|
|
||||||
content: <PipelineEditor projectId={projectId} />
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className={styles.pipelineList}>
|
|
||||||
<header>
|
|
||||||
<button className={styles.addBtn} onClick={addPipeline}>
|
|
||||||
Add
|
|
||||||
</button>
|
|
||||||
<button className={styles.refetchBtn} onClick={() => refetch()}>
|
|
||||||
<FontAwesomeIcon icon={faRedoAlt} />
|
|
||||||
</button>
|
|
||||||
</header>
|
|
||||||
<ul>{items}</ul>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,6 +1,6 @@
|
|||||||
.projectDetails {
|
.projectDetails {
|
||||||
@apply h-full flex flex-col;
|
@apply h-full flex flex-col;
|
||||||
& > header {
|
header {
|
||||||
@apply bg-red-400 text-gray-50 p-2;
|
@apply bg-red-400 text-gray-50 p-2;
|
||||||
@apply grid grid-cols-2 grid-rows-2;
|
@apply grid grid-cols-2 grid-rows-2;
|
||||||
|
|
||||||
65
src/components/projects/project-details.tsx
Normal file
65
src/components/projects/project-details.tsx
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
||||||
|
import { faEdit, faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
|
||||||
|
import { h } from 'preact';
|
||||||
|
import { Project } from '../../generated/graphql';
|
||||||
|
import styles from './project-details.scss';
|
||||||
|
import { createOverlay } from '../commons/overlay/overlay';
|
||||||
|
import { ProjectEditor } from './project-editor';
|
||||||
|
import { CommitLogList } from '../commit-logs/commit-log-list';
|
||||||
|
import { BranchesList } from '../branches-list/branches-list';
|
||||||
|
import { makeAutoObservable } from 'mobx';
|
||||||
|
import { Observer, useLocalObservable } from 'mobx-react';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
project: Project;
|
||||||
|
}
|
||||||
|
|
||||||
|
class Store {
|
||||||
|
setBranch(branch?: string) {
|
||||||
|
this.branch = branch;
|
||||||
|
}
|
||||||
|
constructor() {
|
||||||
|
makeAutoObservable(this);
|
||||||
|
}
|
||||||
|
branch?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const ProjectDetails = ({ project }: Props) => {
|
||||||
|
const store = useLocalObservable(() => new Store());
|
||||||
|
const editProject = () => {
|
||||||
|
createOverlay({
|
||||||
|
content: <ProjectEditor project={project} />
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const onSelectBranch = (branch?: string) => {
|
||||||
|
store.setBranch(branch);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<section className={styles.projectDetails}>
|
||||||
|
<header>
|
||||||
|
<h2>
|
||||||
|
{project.name}
|
||||||
|
{project.webUrl ? (
|
||||||
|
<a target="blank" href={project.webUrl}>
|
||||||
|
<FontAwesomeIcon icon={faExternalLinkAlt} />
|
||||||
|
</a>
|
||||||
|
) : null}
|
||||||
|
</h2>
|
||||||
|
<small>{project.comment}</small>
|
||||||
|
<div className={styles.operations}>
|
||||||
|
<button onClick={editProject}>
|
||||||
|
<FontAwesomeIcon icon={faEdit} />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div className={styles.body}>
|
||||||
|
<BranchesList project={project} onSelect={onSelectBranch} />
|
||||||
|
<Observer>
|
||||||
|
{(): any => <CommitLogList project={project} branch={store.branch} />}
|
||||||
|
</Observer>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
@ -1 +1,34 @@
|
|||||||
@import '../../style//editor.scss';
|
.editor {
|
||||||
|
@apply bg-white shadow-lg p-4 rounded-lg text-gray-800
|
||||||
|
top-1/4 left-1/2 absolute
|
||||||
|
transform -translate-x-1/2 -translate-y-1/2
|
||||||
|
w-5/6;
|
||||||
|
}
|
||||||
|
.form {
|
||||||
|
@apply bg-white;
|
||||||
|
& > * {
|
||||||
|
@apply block;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
@apply my-4 relative flex;
|
||||||
|
}
|
||||||
|
.label {
|
||||||
|
@apply text-gray-700 w-20 inline-block text-right;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '：';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.controller {
|
||||||
|
@apply border-b border-gray-300 flex-auto;
|
||||||
|
}
|
||||||
|
.submitBtn {
|
||||||
|
@apply px-2 py-1 rounded-full bg-red-400 text-white;
|
||||||
|
}
|
||||||
|
.cancelBtn {
|
||||||
|
@apply px-2 py-1 rounded-full bg-gray-100 text-gray-700 ml-2;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
@apply text-right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -1,20 +1,13 @@
|
|||||||
import { gql, useQuery } from '@apollo/client';
|
import { gql, useQuery } from '@apollo/client';
|
||||||
import {
|
import { action, computed, makeObservable, observable, reaction } from 'mobx';
|
||||||
action,
|
|
||||||
autorun,
|
|
||||||
computed,
|
|
||||||
makeObservable,
|
|
||||||
observable,
|
|
||||||
reaction
|
|
||||||
} from 'mobx';
|
|
||||||
import { useLocalObservable, useObserver } from 'mobx-react';
|
import { useLocalObservable, useObserver } from 'mobx-react';
|
||||||
import { h } from 'preact';
|
import { h } from 'preact';
|
||||||
import { route } from 'preact-router';
|
|
||||||
import { forwardRef } from 'preact/compat';
|
import { forwardRef } from 'preact/compat';
|
||||||
import { useImperativeHandle, useMemo, useRef } from 'preact/hooks';
|
import { useImperativeHandle, useMemo, useRef } from 'preact/hooks';
|
||||||
import { appStore } from '../../app.store';
|
import { appStore } from '../../app.store';
|
||||||
import { Project } from '../../generated/graphql';
|
import { Project } from '../../generated/graphql';
|
||||||
import { createOverlay } from '../commons/overlay/overlay';
|
import { createOverlay } from '../commons/overlay/overlay';
|
||||||
|
import { ProjectDetails } from './project-details';
|
||||||
import { ProjectEditor } from './project-editor';
|
import { ProjectEditor } from './project-editor';
|
||||||
import styles from './project-panel.scss';
|
import styles from './project-panel.scss';
|
||||||
|
|
||||||
@ -40,32 +33,29 @@ class Store {
|
|||||||
@observable projects?: Project[];
|
@observable projects?: Project[];
|
||||||
constructor() {
|
constructor() {
|
||||||
makeObservable(this);
|
makeObservable(this);
|
||||||
|
reaction(
|
||||||
|
() => this.details,
|
||||||
|
() => {
|
||||||
|
if (this.currentProject) {
|
||||||
|
appStore.setMain(this.details);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
}
|
}
|
||||||
@computed
|
@computed
|
||||||
get currentProject() {
|
get currentProject() {
|
||||||
return this.projects?.find(it => it.id === this.currentProjectId);
|
return this.projects?.find(it => it.id === this.currentProjectId);
|
||||||
}
|
}
|
||||||
|
|
||||||
@computed
|
@computed
|
||||||
get list() {
|
get details() {
|
||||||
return this.projects?.map(item => (
|
return this.currentProject ? (
|
||||||
<li
|
<ProjectDetails project={this.currentProject} />
|
||||||
class={`${styles.item} ${
|
) : null;
|
||||||
item.id === this.currentProject?.id ? styles.itemActive : ''
|
|
||||||
}`}
|
|
||||||
key={item.id}
|
|
||||||
onClick={() => this.setCurrentProjectId(item.id)}
|
|
||||||
>
|
|
||||||
<h3>{item.name}</h3>
|
|
||||||
<small>{item.comment}</small>
|
|
||||||
</li>
|
|
||||||
));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@action
|
@action
|
||||||
setCurrentProjectId = (id: string) => {
|
setCurrentProjectId = (id: string) => {
|
||||||
this.currentProjectId = id;
|
this.currentProjectId = id;
|
||||||
route(`/projects/${id}`);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
@action
|
@action
|
||||||
@ -104,15 +94,28 @@ const List = forwardRef<ListRef>((_, ref) => {
|
|||||||
const { data, refetch } = useQuery<{
|
const { data, refetch } = useQuery<{
|
||||||
projects: Project[];
|
projects: Project[];
|
||||||
}>(FIND_PROJECTS);
|
}>(FIND_PROJECTS);
|
||||||
const projects = data?.projects;
|
|
||||||
|
|
||||||
const store = useLocalObservable(() => new Store());
|
const store = useLocalObservable(() => new Store());
|
||||||
useMemo(() => {
|
useMemo(() => {
|
||||||
store.setProjects(projects);
|
store.setProjects(data?.projects);
|
||||||
}, [projects, store]);
|
}, [data?.projects]);
|
||||||
|
|
||||||
useImperativeHandle(ref, () => ({
|
useImperativeHandle(ref, () => ({
|
||||||
refetch
|
refetch
|
||||||
}));
|
}));
|
||||||
return useObserver(() => <ol class={styles.list}>{store.list}</ol>);
|
|
||||||
|
const list = store.projects?.map(item => (
|
||||||
|
<li
|
||||||
|
class={`${styles.item} ${
|
||||||
|
item.id === store.currentProject?.id ? styles.itemActive : ''
|
||||||
|
}`}
|
||||||
|
key={item.id}
|
||||||
|
onClick={() => store.setCurrentProjectId(item.id)}
|
||||||
|
>
|
||||||
|
<h3>{item.name}</h3>
|
||||||
|
<small>{item.comment}</small>
|
||||||
|
</li>
|
||||||
|
));
|
||||||
|
|
||||||
|
return useObserver(() => <ol class={styles.list}>{list}</ol>);
|
||||||
});
|
});
|
||||||
|
|||||||
@ -65,47 +65,6 @@ export type BranchList = {
|
|||||||
all: Array<Scalars['String']>;
|
all: Array<Scalars['String']>;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type WorkUnit = {
|
|
||||||
__typename?: 'WorkUnit';
|
|
||||||
type: PipelineUnits;
|
|
||||||
scripts: Array<Scalars['String']>;
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 流水线单元 */
|
|
||||||
export enum PipelineUnits {
|
|
||||||
Checkout = 'checkout',
|
|
||||||
InstallDependencies = 'installDependencies',
|
|
||||||
Test = 'test',
|
|
||||||
Deploy = 'deploy',
|
|
||||||
CleanUp = 'cleanUp'
|
|
||||||
}
|
|
||||||
|
|
||||||
export type WorkUnitMetadata = {
|
|
||||||
__typename?: 'WorkUnitMetadata';
|
|
||||||
version: Scalars['Float'];
|
|
||||||
units: Array<WorkUnit>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Pipeline = {
|
|
||||||
__typename?: 'Pipeline';
|
|
||||||
id: Scalars['ID'];
|
|
||||||
project: Project;
|
|
||||||
projectId: Scalars['String'];
|
|
||||||
branch: Scalars['String'];
|
|
||||||
name: Scalars['String'];
|
|
||||||
workUnitMetadata: WorkUnitMetadata;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type WorkUnitInput = {
|
|
||||||
type: PipelineUnits;
|
|
||||||
scripts: Array<Scalars['String']>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type WorkUnitMetadataInput = {
|
|
||||||
version?: Maybe<Scalars['Float']>;
|
|
||||||
units: Array<WorkUnitInput>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Query = {
|
export type Query = {
|
||||||
__typename?: 'Query';
|
__typename?: 'Query';
|
||||||
hello: Hello;
|
hello: Hello;
|
||||||
@ -113,8 +72,6 @@ export type Query = {
|
|||||||
findProject: Project;
|
findProject: Project;
|
||||||
listLogs: LogList;
|
listLogs: LogList;
|
||||||
listBranches: BranchList;
|
listBranches: BranchList;
|
||||||
listPipelines: Array<Pipeline>;
|
|
||||||
findPipeline: Pipeline;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
@ -132,16 +89,6 @@ export type QueryListBranchesArgs = {
|
|||||||
listBranchesArgs: ListBranchesArgs;
|
listBranchesArgs: ListBranchesArgs;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type QueryListPipelinesArgs = {
|
|
||||||
projectId?: Maybe<Scalars['String']>;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
export type QueryFindPipelineArgs = {
|
|
||||||
id: Scalars['String'];
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ListLogsArgs = {
|
export type ListLogsArgs = {
|
||||||
projectId: Scalars['String'];
|
projectId: Scalars['String'];
|
||||||
branch?: Maybe<Scalars['String']>;
|
branch?: Maybe<Scalars['String']>;
|
||||||
@ -156,9 +103,7 @@ export type Mutation = {
|
|||||||
createProject: Project;
|
createProject: Project;
|
||||||
modifyProject: Project;
|
modifyProject: Project;
|
||||||
deleteProject: Scalars['Float'];
|
deleteProject: Scalars['Float'];
|
||||||
createPipeline: Pipeline;
|
checkout: Scalars['Boolean'];
|
||||||
modifyPipeline: Pipeline;
|
|
||||||
deletePipeline: Scalars['Float'];
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
@ -178,19 +123,8 @@ export type MutationDeleteProjectArgs = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export type MutationCreatePipelineArgs = {
|
export type MutationCheckoutArgs = {
|
||||||
pipeline: CreatePipelineInput;
|
checkoutInput: CheckoutInput;
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
export type MutationModifyPipelineArgs = {
|
|
||||||
Pipeline: UpdatePipelineInput;
|
|
||||||
id: Scalars['String'];
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
export type MutationDeletePipelineArgs = {
|
|
||||||
id: Scalars['String'];
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type CreateProjectInput = {
|
export type CreateProjectInput = {
|
||||||
@ -209,16 +143,8 @@ export type UpdateProjectInput = {
|
|||||||
webHookSecret?: Maybe<Scalars['String']>;
|
webHookSecret?: Maybe<Scalars['String']>;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type CreatePipelineInput = {
|
export type CheckoutInput = {
|
||||||
projectId: Scalars['String'];
|
projectId: Scalars['String'];
|
||||||
branch: Scalars['String'];
|
branch?: Maybe<Scalars['String']>;
|
||||||
name: Scalars['String'];
|
commitNumber?: Maybe<Scalars['String']>;
|
||||||
workUnitMetadata: WorkUnitMetadataInput;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type UpdatePipelineInput = {
|
|
||||||
projectId: Scalars['String'];
|
|
||||||
branch: Scalars['String'];
|
|
||||||
name: Scalars['String'];
|
|
||||||
workUnitMetadata: WorkUnitMetadataInput;
|
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,6 +0,0 @@
|
|||||||
@import '../../style//editor.scss';
|
|
||||||
|
|
||||||
.workUnitMetadata {
|
|
||||||
min-height: 16rem;
|
|
||||||
@apply max-h-64;
|
|
||||||
}
|
|
||||||
17
src/routes/pipelines/pipeline-editor.scss.d.ts
vendored
17
src/routes/pipelines/pipeline-editor.scss.d.ts
vendored
@ -1,17 +0,0 @@
|
|||||||
// This file is automatically generated from your CSS. Any edits will be overwritten.
|
|
||||||
declare namespace PipelineEditorScssNamespace {
|
|
||||||
export interface IPipelineEditorScss {
|
|
||||||
cancelBtn: string;
|
|
||||||
controller: string;
|
|
||||||
editor: string;
|
|
||||||
footer: string;
|
|
||||||
form: string;
|
|
||||||
label: string;
|
|
||||||
submitBtn: string;
|
|
||||||
workUnitMetadata: string;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
declare const PipelineEditorScssModule: PipelineEditorScssNamespace.IPipelineEditorScss;
|
|
||||||
|
|
||||||
export = PipelineEditorScssModule;
|
|
||||||
@ -1,213 +0,0 @@
|
|||||||
import { Field, Form, Formik } from 'formik';
|
|
||||||
import { h } from 'preact';
|
|
||||||
import { RoutableProps } from 'preact-router';
|
|
||||||
import styles from './pipeline-editor.scss';
|
|
||||||
import {
|
|
||||||
CreatePipelineInput,
|
|
||||||
Pipeline,
|
|
||||||
UpdatePipelineInput
|
|
||||||
} from '../../generated/graphql';
|
|
||||||
import { useOverlay } from '../../components/commons/overlay/overlay';
|
|
||||||
import { gql, useLazyQuery, useMutation } from '@apollo/client';
|
|
||||||
import { useMemo } from 'preact/hooks';
|
|
||||||
import classNames from 'classnames';
|
|
||||||
import { WorkUnitMetadata, PipelineUnits } from '../../generated/graphql';
|
|
||||||
import { Message } from '../../components/commons/message/index';
|
|
||||||
import { LIST_PIPELINES } from '../../components/pipelines/pipeline-list.constants';
|
|
||||||
|
|
||||||
const defaultWorkUnitMetadata: WorkUnitMetadata = {
|
|
||||||
version: 1,
|
|
||||||
units: [
|
|
||||||
{
|
|
||||||
type: PipelineUnits.Checkout,
|
|
||||||
scripts: []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: PipelineUnits.InstallDependencies,
|
|
||||||
scripts: ['npm ci']
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: PipelineUnits.Test,
|
|
||||||
scripts: ['npm run test']
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: PipelineUnits.Deploy,
|
|
||||||
scripts: ['npm run build']
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
const FIND_PIPELINE = gql`
|
|
||||||
query FindPipeline($id: String!) {
|
|
||||||
pipeline: findPipeline(id: $id) {
|
|
||||||
name
|
|
||||||
id
|
|
||||||
projectId
|
|
||||||
workUnitMetadata {
|
|
||||||
version
|
|
||||||
units {
|
|
||||||
type
|
|
||||||
scripts
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
const CREATE_PIPELINE = gql`
|
|
||||||
mutation CreatePipeline($input: CreatePipelineInput!) {
|
|
||||||
pipeline: createPipeline(pipeline: $input) {
|
|
||||||
id
|
|
||||||
projectId
|
|
||||||
name
|
|
||||||
workUnitMetadata {
|
|
||||||
version
|
|
||||||
units {
|
|
||||||
type
|
|
||||||
scripts
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
const MODIFY_PIPELINE = gql`
|
|
||||||
mutation ModifyPipeline($id: String!, $input: UpdatePipelineInput!) {
|
|
||||||
pipeline: modifyPipeline(Pipeline: $input, id: $id) {
|
|
||||||
id
|
|
||||||
projectId
|
|
||||||
name
|
|
||||||
workUnitMetadata {
|
|
||||||
version
|
|
||||||
units {
|
|
||||||
type
|
|
||||||
scripts
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
interface Props extends RoutableProps {
|
|
||||||
projectId: string;
|
|
||||||
id?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export const PipelineEditor = ({ projectId, id }: Props) => {
|
|
||||||
type FormValues = Partial<CreatePipelineInput | UpdatePipelineInput> & {
|
|
||||||
workUnitMetadata: string;
|
|
||||||
};
|
|
||||||
const isCreate = !id;
|
|
||||||
|
|
||||||
const [loadPipeline, { data: pipeline }] = useLazyQuery(FIND_PIPELINE);
|
|
||||||
useMemo(() => {
|
|
||||||
if (!isCreate) {
|
|
||||||
loadPipeline();
|
|
||||||
}
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const formData: FormValues = pipeline ?? {
|
|
||||||
name: 'test',
|
|
||||||
projectId,
|
|
||||||
workUnitMetadata: JSON.stringify(defaultWorkUnitMetadata, null, 2)
|
|
||||||
};
|
|
||||||
|
|
||||||
const [createPipeline] = useMutation<{ pipeline: Pipeline }>(
|
|
||||||
CREATE_PIPELINE,
|
|
||||||
{
|
|
||||||
update(cache, { data }) {
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const pipeline = data.pipeline;
|
|
||||||
cache.writeQuery({
|
|
||||||
query: LIST_PIPELINES,
|
|
||||||
variables: { projectId: pipeline.projectId },
|
|
||||||
data: {
|
|
||||||
pipelines: [
|
|
||||||
pipeline,
|
|
||||||
cache.readQuery({
|
|
||||||
query: LIST_PIPELINES,
|
|
||||||
variables: { projectId: pipeline.projectId }
|
|
||||||
})
|
|
||||||
]
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
const [modifyPipeline] = useMutation<Pipeline>(MODIFY_PIPELINE);
|
|
||||||
|
|
||||||
const { close } = useOverlay();
|
|
||||||
const cancel = (ev: MouseEvent) => {
|
|
||||||
ev.preventDefault();
|
|
||||||
close();
|
|
||||||
};
|
|
||||||
|
|
||||||
const submitForm = async (values: FormValues) => {
|
|
||||||
let workUnitMetadata: WorkUnitMetadata;
|
|
||||||
try {
|
|
||||||
workUnitMetadata = JSON.parse(values.workUnitMetadata);
|
|
||||||
} catch (err) {
|
|
||||||
Message.error('流程描述无法解析为JSON！');
|
|
||||||
throw err;
|
|
||||||
}
|
|
||||||
values = Object.assign({}, values, { workUnitMetadata });
|
|
||||||
try {
|
|
||||||
if (isCreate) {
|
|
||||||
await createPipeline({
|
|
||||||
variables: { input: values }
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
await modifyPipeline({
|
|
||||||
variables: { input: values, id }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
close();
|
|
||||||
} finally {
|
|
||||||
//
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className={styles.editor}>
|
|
||||||
<Formik initialValues={formData} onSubmit={submitForm}>
|
|
||||||
<Form className={styles.form}>
|
|
||||||
<label>
|
|
||||||
<span className={styles.label}>名称</span>
|
|
||||||
<Field
|
|
||||||
className={styles.controller}
|
|
||||||
name="name"
|
|
||||||
placeholder="流水线名称"
|
|
||||||
></Field>
|
|
||||||
</label>
|
|
||||||
<label>
|
|
||||||
<span className={styles.label}>Branch</span>
|
|
||||||
<Field
|
|
||||||
className={styles.controller}
|
|
||||||
name="branch"
|
|
||||||
placeholder="Branch"
|
|
||||||
></Field>
|
|
||||||
</label>
|
|
||||||
<label>
|
|
||||||
<span className={styles.label}>流程描述</span>
|
|
||||||
<Field
|
|
||||||
className={classNames(styles.controller, styles.workUnitMetadata)}
|
|
||||||
name="workUnitMetadata"
|
|
||||||
placeholder="流程描述（JSON）"
|
|
||||||
as="textarea"
|
|
||||||
></Field>
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<footer className={styles.footer}>
|
|
||||||
<button type="submit" className={styles.submitBtn}>
|
|
||||||
{isCreate ? '创建' : '修改'}
|
|
||||||
</button>
|
|
||||||
<button onClick={cancel} className={styles.cancelBtn}>
|
|
||||||
取消
|
|
||||||
</button>
|
|
||||||
</footer>
|
|
||||||
</Form>
|
|
||||||
</Formik>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,96 +0,0 @@
|
|||||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
||||||
import { faEdit, faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
|
|
||||||
import { h } from 'preact';
|
|
||||||
import { Project } from '../../generated/graphql';
|
|
||||||
import styles from './project-details.scss';
|
|
||||||
import { createOverlay } from '../../components/commons/overlay/overlay';
|
|
||||||
import { ProjectEditor } from '../../components/projects/project-editor';
|
|
||||||
import { CommitLogList } from '../../components/commit-logs/commit-log-list';
|
|
||||||
import { makeAutoObservable } from 'mobx';
|
|
||||||
import { Observer, useLocalObservable } from 'mobx-react';
|
|
||||||
import { RoutableProps } from 'preact-router';
|
|
||||||
import { gql, useQuery } from '@apollo/client';
|
|
||||||
import { PipelineList } from '../../components/pipelines/pipeline-list';
|
|
||||||
|
|
||||||
const FIND_PROJECT = gql`
|
|
||||||
query FindProject($id: String!) {
|
|
||||||
project: findProject(id: $id) {
|
|
||||||
id
|
|
||||||
name
|
|
||||||
comment
|
|
||||||
sshUrl
|
|
||||||
webUrl
|
|
||||||
webHookSecret
|
|
||||||
deletedAt
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
interface Props extends RoutableProps {
|
|
||||||
id: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
class Store {
|
|
||||||
setBranch(branch?: string) {
|
|
||||||
this.branch = branch;
|
|
||||||
}
|
|
||||||
constructor() {
|
|
||||||
makeAutoObservable(this);
|
|
||||||
}
|
|
||||||
branch?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export const ProjectDetails = ({ id, path }: Props) => {
|
|
||||||
const { data } = useQuery<{ project: Project }, { id: string }>(
|
|
||||||
FIND_PROJECT,
|
|
||||||
{
|
|
||||||
variables: {
|
|
||||||
id
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
const project: Project | undefined = data?.project;
|
|
||||||
|
|
||||||
const store = useLocalObservable(() => new Store());
|
|
||||||
const editProject = () => {
|
|
||||||
createOverlay({
|
|
||||||
content: <ProjectEditor project={project} />
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const onSelectBranch = (branch?: string) => {
|
|
||||||
store.setBranch(branch);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className={styles.projectDetails}>
|
|
||||||
<header>
|
|
||||||
<h2>
|
|
||||||
{project?.name}
|
|
||||||
{project?.webUrl ? (
|
|
||||||
<a target="blank" href={project?.webUrl}>
|
|
||||||
<FontAwesomeIcon icon={faExternalLinkAlt} />
|
|
||||||
</a>
|
|
||||||
) : null}
|
|
||||||
</h2>
|
|
||||||
<small>{project?.comment}</small>
|
|
||||||
<div className={styles.operations}>
|
|
||||||
<button onClick={editProject}>
|
|
||||||
<FontAwesomeIcon icon={faEdit} />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
{project ? (
|
|
||||||
<div className={styles.body}>
|
|
||||||
<PipelineList projectId={id} />
|
|
||||||
<Observer>
|
|
||||||
{(): any => (
|
|
||||||
<CommitLogList project={project} branch={store.branch} />
|
|
||||||
)}
|
|
||||||
</Observer>
|
|
||||||
</div>
|
|
||||||
) : null}
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
.editor {
|
|
||||||
@apply bg-white shadow-lg p-4 rounded-lg text-gray-800
|
|
||||||
top-1/4 left-1/2 absolute
|
|
||||||
transform -translate-x-1/2 -translate-y-1/2
|
|
||||||
w-5/6;
|
|
||||||
}
|
|
||||||
.form {
|
|
||||||
@apply bg-white;
|
|
||||||
& > * {
|
|
||||||
@apply block;
|
|
||||||
}
|
|
||||||
label {
|
|
||||||
@apply my-4 relative flex;
|
|
||||||
}
|
|
||||||
.label {
|
|
||||||
@apply text-gray-700 w-20 inline-block text-right;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: '：';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.controller {
|
|
||||||
@apply border-b border-gray-300 flex-auto;
|
|
||||||
}
|
|
||||||
.submitBtn {
|
|
||||||
@apply px-2 py-1 rounded-full bg-red-400 text-white;
|
|
||||||
}
|
|
||||||
.cancelBtn {
|
|
||||||
@apply px-2 py-1 rounded-full bg-gray-100 text-gray-700 ml-2;
|
|
||||||
}
|
|
||||||
.footer {
|
|
||||||
@apply text-right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
import { Message } from './../components/commons/message/index';
|
|
||||||
import { ApolloClient, concat, HttpLink, InMemoryCache } from '@apollo/client';
|
|
||||||
import { onError } from '@apollo/client/link/error';
|
|
||||||
export function createApolloClient() {
|
|
||||||
const errorLink = onError(({ graphQLErrors, networkError }) => {
|
|
||||||
if (graphQLErrors) {
|
|
||||||
console.error(graphQLErrors);
|
|
||||||
Message.error(graphQLErrors.map(error => error.message).join());
|
|
||||||
graphQLErrors.forEach(({ message, locations, path }) => {
|
|
||||||
console.log(
|
|
||||||
`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (networkError) console.log(`[Network error]: ${networkError}`);
|
|
||||||
});
|
|
||||||
return new ApolloClient({
|
|
||||||
cache: new InMemoryCache(),
|
|
||||||
link: concat(
|
|
||||||
errorLink,
|
|
||||||
new HttpLink({
|
|
||||||
uri: '/api/graphql'
|
|
||||||
})
|
|
||||||
)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user