feat: new colors

diplodoc-platform · Sep 21, 2023 · 9e2f632 · 9e2f632
1 parent 7203489
commit 9e2f632
Show file tree

Hide file tree

Showing 10 changed files with 212 additions and 125 deletions.
diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml
@@ -0,0 +1,26 @@
+name: OpenAPI preview
+
+on:
+  pull_request:
+
+jobs:
+  preview:
+    permissions:
+      contents: write
+      pull-requests: write
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [14.x]
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          repository: "v8tenko/diplodoc-playground"
+      - name: Use Node.js 14
+        uses: actions/setup-node@v3
+        with:
+          node-version: 14
+      - name: Diplodoc build action
+        uses: v8tenko/[email protected]
+        with:
+          token: ${{secrets.GITHUB_TOKEN}}
diff --git a/src/__snapshots__/basic.test.ts.snap b/src/__snapshots__/basic.test.ts.snap
@@ -7,24 +7,28 @@ exports[`basic openapi project renders description 1`] = `
 
 ## Request
 
-#||| **method** | **url** | **description** ||
+<div class="openapi__request__wrapper">
+
+<div class="openapi__request" style="--method: var(--dc-openapi-methods-post)">
+
+POST {.openapi__method}
+
 
-|| 
-\`\`\`
-POST
-\`\`\`
- | 
 \`\`\`
 http://localhost:8080/test
 \`\`\`
- | 
-\`\`\`
-Generated server url
-\`\`\`
- |||#
+
+
+</div>
+
+</div>
+
+Generated server url{.openapi__request__description}
 
 ## Responses
 
+<div class="openapi__response__code__200">
+
 ## 200 OK
 
 Base 200 response
@@ -34,7 +38,7 @@ Base 200 response
 {% cut "application/json" %}
 
 
-\`\`\`
+\`\`\`json
 {
     "type": "string",
     "foo": "string"
@@ -51,6 +55,10 @@ Base 200 response
 
 || foo | string |  |||#
 
+</div>
+
+<div class="openapi__response__code__404">
+
 ## 404 Not Found
 
 Base 200 response
@@ -60,7 +68,7 @@ Base 200 response
 {% cut "application/json" %}
 
 
-\`\`\`
+\`\`\`json
 {
     "type": "string",
     "bar": "string"
@@ -76,6 +84,8 @@ Base 200 response
 || type | string |  ||
 
 || bar | string |  |||#
+
+</div>
 <!-- markdownlint-disable-file -->
 
 </div>"

diff --git a/src/__snapshots__/combiners/allOf.test.ts.snap b/src/__snapshots__/combiners/allOf.test.ts.snap
@@ -7,28 +7,30 @@ exports[`allOf operator support renders simple allOf 1`] = `
 
 ## Request
 
-#||| **method** | **url** | **description** ||
+<div class="openapi__request__wrapper">
+
+<div class="openapi__request" style="--method: var(--dc-openapi-methods-post)">
+
+POST {.openapi__method}
+
 
-|| 
-\`\`\`
-POST
-\`\`\`
- | 
 \`\`\`
 http://localhost:8080/test
 \`\`\`
- | 
-\`\`\`
-Generated server url
-\`\`\`
- |||#
+
+
+</div>
+
+</div>
+
+Generated server url{.openapi__request__description}
 
 #### Body
 
 {% cut "application/json" %}
 
 
-\`\`\`
+\`\`\`json
 {
     "type": "string",
     "foo": "string",
@@ -50,6 +52,8 @@ Generated server url
 
 ## Responses
 
+<div class="openapi__response__code__200">
+
 ## 200 OK
 
 Base 200 response
@@ -59,7 +63,7 @@ Base 200 response
 {% cut "application/json" %}
 
 
-\`\`\`
+\`\`\`json
 {
     "type": "string",
     "baz": "string"
@@ -77,6 +81,8 @@ Base 200 response
 || type | string |  ||
 
 || baz | string |  |||#
+
+</div>
 <!-- markdownlint-disable-file -->
 
 </div>"
@@ -89,28 +95,30 @@ exports[`allOf operator support renders single allOf 1`] = `
 
 ## Request
 
-#||| **method** | **url** | **description** ||
+<div class="openapi__request__wrapper">
+
+<div class="openapi__request" style="--method: var(--dc-openapi-methods-post)">
+
+POST {.openapi__method}
+
 
-|| 
-\`\`\`
-POST
-\`\`\`
- | 
 \`\`\`
 http://localhost:8080/test
 \`\`\`
- | 
-\`\`\`
-Generated server url
-\`\`\`
- |||#
+
+
+</div>
+
+</div>
+
+Generated server url{.openapi__request__description}
 
 #### Body
 
 {% cut "application/json" %}
 
 
-\`\`\`
+\`\`\`json
 {
     "pet": {
         "type": "string",
@@ -139,6 +147,8 @@ Cat class
 
 ## Responses
 
+<div class="openapi__response__code__200">
+
 ## 200 OK
 
 Base 200 response
@@ -148,7 +158,7 @@ Base 200 response
 {% cut "application/json" %}
 
 
-\`\`\`
+\`\`\`json
 {
     "pet": {
         "type": "string",
@@ -164,6 +174,8 @@ Base 200 response
 #||| **Name** | **Type** | **Description** ||
 
 || pet | [Cat](#cat) | Cat class |||#
+
+</div>
 <!-- markdownlint-disable-file -->
 
 </div>"

diff --git a/src/__snapshots__/combiners/complex.test.ts.snap b/src/__snapshots__/combiners/complex.test.ts.snap
@@ -7,28 +7,30 @@ exports[`basic openapi project renders description 1`] = `
 
 ## Request
 
-#||| **method** | **url** | **description** ||
+<div class="openapi__request__wrapper">
+
+<div class="openapi__request" style="--method: var(--dc-openapi-methods-post)">
+
+POST {.openapi__method}
+
 
-|| 
-\`\`\`
-POST
-\`\`\`
- | 
 \`\`\`
 http://localhost:8080/test
 \`\`\`
- | 
-\`\`\`
-Generated server url
-\`\`\`
- |||#
+
+
+</div>
+
+</div>
+
+Generated server url{.openapi__request__description}
 
 #### Body
 
 {% cut "application/json" %}
 
 
-\`\`\`
+\`\`\`json
 {
     "name": "b",
     "age": 0
@@ -72,6 +74,8 @@ Cat class
 
 ## Responses
 
+<div class="openapi__response__code__200">
+
 ## 200 OK
 
 Base 200 response
@@ -81,7 +85,7 @@ Base 200 response
 {% cut "application/json" %}
 
 
-\`\`\`
+\`\`\`json
 {
     "name": "b",
     "age": 0
@@ -102,6 +106,8 @@ Base 200 response
 or [Cat](#cat) |||#
 #### Or value from:
 
+
+</div>
 <!-- markdownlint-disable-file -->
 
 </div>"