api/index.html at main · cloud-barista/api · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!-- HTML for static distribution bundle build -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cloud-Barista API Documentation Hub</title>
    <meta name="description" content="Centralized API documentation portal for Cloud-Barista ecosystem projects">
    <meta name="keywords" content="Cloud-Barista, API, Documentation, Swagger, Multi-cloud">
    <link rel="stylesheet" type="text/css" href="dist/swagger-ui.css" />
    <link rel="stylesheet" type="text/css" href="dist/index.css" />
    <link rel="icon" type="image/png" href="dist/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="dist/favicon-16x16.png" sizes="16x16" />

    <style>
      #readme-content {
        margin: 20px auto;
        max-width: 1200px;
        padding: 0 20px;
        display: none;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        line-height: 1.6;
      }

      #readme-content h1 {
        border-bottom: 2px solid #e1e4e8;
        padding-bottom: 10px;
      }

      #readme-content h2 {
        border-bottom: 1px solid #e1e4e8;
        padding-bottom: 8px;
        margin-top: 32px;
      }

      #readme-content h3 {
        margin-top: 24px;
        margin-bottom: 16px;
      }

      #readme-content blockquote {
        border-left: 4px solid #dfe2e5;
        padding-left: 16px;
        margin-left: 0;
        color: #6a737d;
        font-style: italic;
      }

      #readme-content code {
        background-color: rgba(27,31,35,0.05);
        border-radius: 3px;
        font-size: 85%;
        margin: 0;
        padding: 0.2em 0.4em;
      }

      #readme-content a {
        color: #0366d6;
        text-decoration: none;
      }

      #readme-content a:hover {
        text-decoration: underline;
      }

      #readme-content ul, #readme-content ol {
        padding-left: 30px;
      }

      #readme-content li {
        margin-bottom: 4px;
      }
    </style>
  </head>

  <body>
    <div id="swagger-ui"></div>
    <div id="readme-content"></div>

    <script src="dist/swagger-ui-bundle.js" charset="UTF-8"> </script>
    <script src="dist/swagger-ui-standalone-preset.js" charset="UTF-8"> </script>
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"> </script>
    <script>

      // Custom renderer to generate GitHub-compatible heading IDs so that
      // Table of Contents anchor links (e.g. #-introduction) work correctly.
      marked.use({
        renderer: {
          heading({ text, depth }) {
            const plainText = text.replace(/<[^>]*>/g, '');
            const id = plainText
              .toLowerCase()
              .replace(/[^a-z0-9 -]/g, '')
              .replace(/ /g, '-');
            return `<h${depth} id="${id}">${text}</h${depth}>\n`;
          }
        }
      });

      function getUrlParameter(name) {
        name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
        var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
        var results = regex.exec(location.search);
        return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
      }

      function fetchReadme(url) {
        fetch(url)
          .then(response => response.text())
          .then(text => {
            document.getElementById('readme-content').style.display = 'block';
            document.getElementById('readme-content').innerHTML = marked.parse(text);
          })
          .catch(error => console.error('Error fetching README:', error));
      }

      var swaggerUrl = getUrlParameter('url');

      if (!swaggerUrl) {
        document.getElementById('readme-content').style.display = 'block';
        fetchReadme('https://raw.githubusercontent.com/cloud-barista/api/main/README.md');
      } else {
        const ui = SwaggerUIBundle({
          url: swaggerUrl,
          dom_id: '#swagger-ui',
          deepLinking: true,
          tagsSorter: "alpha",
          operationsSorter: "alpha",
          presets: [
            SwaggerUIBundle.presets.apis,
            SwaggerUIStandalonePreset
          ],
          plugins: [
            SwaggerUIBundle.plugins.DownloadUrl
          ],
          layout: "StandaloneLayout"
        });

        window.ui = ui;
      }
    </script>
  </body>
</html>