Skip to content

Instantly share code, notes, and snippets.

@mehnoorsiddiqui

mehnoorsiddiqui/Portal-Script.html

Last active May 10, 2023 12:18
Show Gist options
  • Save mehnoorsiddiqui/278e8e211990942f920147198701198a to your computer and use it in GitHub Desktop.
Save mehnoorsiddiqui/278e8e211990942f920147198701198a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Portal-Script.html
<script>
function waitForElm(selector) {
return new Promise(resolve => {
if (document.querySelector(selector)) {
return resolve(document.querySelector(selector));
}
const observer = new MutationObserver(mutations => {
if (document.querySelector(selector)) {
resolve(document.querySelector(selector));
observer.disconnect();
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
});
}
// Show the dev portal widget
function showWidget() {
APIMaticDevPortal.show(
{
"container": "apimatic-widget",
"portalStyle": "default",
"codegenApiRoutes": {
"docsgen": "/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/docs/generated-file?template={template}",
"codegen": "/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/sdks/generated-file?template={template}",
"transform": "/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/specs/generated-file?format={format}",
"apiProxy": "https://proxy.apimatic.io/api/proxy"
},
"apiKey": "PkUYNyvjYA7DfFBwoKTjTDVXNjfG0ARc59qXFAwZ3srPAdRKCufvzvx8RAGPLywmXNrzQHZa6c1O52sK2RI_oQ**",
"baseUrl": "https://www.apimatic.io",
"enableExport": true,
"renameHttpToRest": false,
"enableConsoleCalls": true,
"useProxyForConsoleCalls": true,
"initialPlatform": "http_curl_v1",
"languageSettings": {
"http_curl_v1": {
"disableSdkDownload": true
},
"cs_net_standard_lib": {
"disableSdkDownload": false,
"sdkDownloadLink": ""
},
"java_eclipse_jre_lib": {
"disableSdkDownload": false,
"sdkDownloadLink": ""
},
"php_generic_lib_v2": {
"disableSdkDownload": false,
"sdkDownloadLink": ""
},
"python_generic_lib": {
"disableSdkDownload": false,
"sdkDownloadLink": ""
},
"ruby_generic_lib": {
"disableSdkDownload": false,
"sdkDownloadLink": ""
},
"ts_generic_lib": {
"disableSdkDownload": false,
"sdkDownloadLink": ""
}
},
"allowedExportFormats": [
"postman10",
"postman20",
"openapi31json",
"openapi31yaml",
"openapi3json",
"openapi3yaml",
"swagger20",
"swaggeryaml",
"swagger10",
"raml",
"raml10",
"apiblueprint",
"wadl2009",
"apimatic",
"wsdl",
"insomnia",
"insomniayaml"
],
"themeOverrides": {
"themeType": "cool",
"palette": {
"primaryColor": "#05c2bc",
"linkColor": "#00C7D4"
},
"fontSource": [
"https://fonts.googleapis.com/css?family='Rubik':100,100i,300,300i,400,400i,500,500i,700,700i,900,900i",
"https://fonts.googleapis.com/css?family=Courier+Prime:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"
],
"cssStyles": {
"headings": {
"fontFamily": "'Rubik', sans-serif",
"h1": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "27px",
"fontWeight": "500",
"fontStyle": "normal",
"lineHeight": "1.3"
},
"h2": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "24px",
"fontWeight": "500",
"fontStyle": "normal",
"lineHeight": "1.3"
},
"h3": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "21.36px",
"fontWeight": "500",
"fontStyle": "normal",
"lineHeight": "1.3"
},
"h4": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "18px",
"fontWeight": "500",
"fontStyle": "normal",
"lineHeight": "1.3"
},
"h5": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "16px",
"fontWeight": "500",
"fontStyle": "normal",
"lineHeight": "1.3"
},
"h6": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "15px",
"fontWeight": "500",
"fontStyle": "normal",
"lineHeight": "1.3"
}
},
"body": {
"fontFamily": "'Rubik', sans-serif",
"text1": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "15px",
"fontWeight": "400",
"fontStyle": "normal",
"lineHeight": "1.75"
},
"text2": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "13.33px",
"fontWeight": "400",
"fontStyle": "normal",
"lineHeight": "1.75"
},
"text3": {
"fontFamily": "'Rubik', sans-serif",
"fontSize": "11.85px",
"fontWeight": "400",
"fontStyle": "normal",
"lineHeight": "1.75"
}
},
"code": {
"fontFamily": "Courier Prime, monospace",
"blockCode": {
"fontFamily": "Courier Prime, monospace",
"fontSize": "15px",
"fontWeight": "400",
"fontStyle": "normal",
"lineHeight": "1.75"
},
"inlineCode": {
"fontFamily": "Courier Prime, monospace",
"fontSize": "15px",
"fontWeight": "400",
"fontStyle": "normal",
"lineHeight": "1.75"
}
}
}
}
}
);
};
const scriptUrl = "https://dxjs.apimatic.io/v7/static/js/portal.v7.js";
const script = document.createElement("script");
script.src = scriptUrl;
// Once the script is loaded, show the dev portal widget
script.onload = () => {
showWidget();
};
document.head.appendChild(script);
const portalButton = document.querySelector(
"header > div:nth-child(1) > div > div:nth-child(2) > a:nth-child(3)"
);
portalButton.addEventListener("click", () => waitForElm('#apimatic-widget').then(() => showWidget()));
</script>
Raw
SDKs-Markdown-raw
<DIV class="SDKs">
# SDKs
Client libraries are available for the following programming languages:
## .NET
> 📘 [SDK Documentation](https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/net-standard-library/step-by-step-tutorial)
To download the .NET SDK, click the button below:
[block:html]
{
"html": "<a href=\"https://www.apimatic.io/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/sdks/generated-file?template=cs_net_standard_lib\">\n <button style=\"display: inline-block; background-color: #0077b5; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer;\">Download the SDK</button>\n</a>"
}
[/block]
## Java
> 📘 [SDK Documentation](https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/java/step-by-step-tutorial)
To download the Java SDK, click the button below:
[block:html]
{
"html": "<a href=\"https://www.apimatic.io/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/sdks/generated-file?template=java_eclipse_jre_lib\">\n <button style=\"display: inline-block; background-color: #0077b5; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer;\">Download the SDK</button>\n</a>"
}
[/block]
## PHP
> 📘 [SDK Documentation](https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/php/step-by-step-tutorial)
To download the PHP SDK, click the button below:
[block:html]
{
"html": "<a href=\"https://www.apimatic.io/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/sdks/generated-file?template=php_generic_lib_v2\">\n <button style=\"display: inline-block; background-color: #0077b5; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer;\">Download the SDK</button>\n</a>"
}
[/block]
## Python
> 📘 [SDK Documentation](https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/python/step-by-step-tutorial)
To download the Python SDK, click the button below:
[block:html]
{
"html": "<a href=\"https://www.apimatic.io/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/sdks/generated-file?template=python_generic_lib\">\n <button style=\"display: inline-block; background-color: #0077b5; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer;\">Download the SDK</button>\n</a>"
}
[/block]
## Ruby
> 📘 [SDK Documentation](https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/ruby/step-by-step-tutorial)
To download the Ruby SDK, click the button below:
[block:html]
{
"html": "<a href=\"https://www.apimatic.io/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/sdks/generated-file?template=ruby_generic_lib\">\n <button style=\"display: inline-block; background-color: #0077b5; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer;\">Download the SDK</button>\n</a>\n"
}
[/block]
## TypeScript
> 📘 [SDK Documentation](https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/typescript/step-by-step-tutorial)
To download the TypeScript SDK, click the button below:
[block:html]
{
"html": "<a href=\"https://www.apimatic.io/api/api-entities/LLHlm5iwn7cxhbKpEHxF0N3gQNGYmzflcS5kryfaX72d6o2xbidiVQbqcp2bNcDq/portal-artifacts/sdks/generated-file?template=ts_generic_lib\">\n <button style=\"display: inline-block; background-color: #0077b5; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer;\">Download the SDK</button>\n</a>"
}
[/block]
</DIV>
Raw
SDKs.html
<div class="SDKs">
<h1>SDKs</h1>
<p>Client libraries/SDKs are available for the following programming languages:</p>
<table>
<tbody>
<tr>
<td><img src="https://img.icons8.com/color/48/null/microsoft.png" /><strong>.Net</strong></td>
<td><img src="https://img.icons8.com/windows/24/null/download--v1.png" /><a href="https://www.apimatic.io/api/api-entities/{API-KEY}/portal-artifacts/sdks/generated-file?template=cs_net_standard_lib">Download</a></td>
<td><img src="https://img.icons8.com/ios-glyphs/24/null/document--v1.png" /><a href="https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/net-standard-library/step-by-step-tutorial" target="_blank">Documentation</a></td>
</tr>
<tr>
<td><img src="https://img.icons8.com/color/48/null/java-coffee-cup-logo--v1.png" /><strong>Java</strong></td>
<td><img src="https://img.icons8.com/windows/24/null/download--v1.png" /><a href="https://www.apimatic.io/api/api-entities/{API-KEY}/portal-artifacts/sdks/generated-file?template=java_eclipse_jre_lib">Download</a></td>
<td><img src="https://img.icons8.com/ios-glyphs/24/null/document--v1.png" /><a href="https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/java/step-by-step-tutorial" target="_blank">Documentation</a></td>
</tr>
<tr>
<td><img src="https://img.icons8.com/office/48/null/php-logo.png" /><strong> PHP</strong></td>
<td><img src="https://img.icons8.com/windows/24/null/download--v1.png" /><a href="https://www.apimatic.io/api/api-entities/{API-KEY}/portal-artifacts/sdks/generated-file?template=php_generic_lib_v2">Download</a></td>
<td><img src="https://img.icons8.com/ios-glyphs/24/null/document--v1.png" /><a href="https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/php/step-by-step-tutorial" target="_blank">Documentation</a></td>
</tr>
<tr>
<td><img src="https://img.icons8.com/color/48/null/python--v1.png" /><strong>Python</strong></td>
<td><img src="https://img.icons8.com/windows/24/null/download--v1.png" /><a href="https://www.apimatic.io/api/api-entities/{API-KEY}/portal-artifacts/sdks/generated-file?template=python_generic_lib">Download</a></td>
<td><img src="https://img.icons8.com/ios-glyphs/24/null/document--v1.png" /><a href="https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/python/step-by-step-tutorial" target="_blank">Documentation</a></td>
</tr>
<tr>
<td><img src="https://img.icons8.com/color/48/null/ruby-programming-language.png" /><strong>Ruby</strong></td>
<td><img src="https://img.icons8.com/windows/24/null/download--v1.png" /><a href="https://www.apimatic.io/api/api-entities/{API-KEY}/portal-artifacts/sdks/generated-file?template=ruby_generic_lib">Download</a></td>
<td><img src="https://img.icons8.com/ios-glyphs/24/null/document--v1.png" /><a href="https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/ruby/step-by-step-tutorial" target="_blank">Documentation</a></td>
</tr>
<tr>
<td><img src="https://img.icons8.com/color/48/null/typescript.png" /><strong>Typescript</strong></td>
<td><img src="https://img.icons8.com/windows/24/null/download--v1.png" /><a href="https://www.apimatic.io/api/api-entities/{API-KEY}/portal-artifacts/sdks/generated-file?template=ts_generic_lib">Download</a></td>
<td><img src="https://img.icons8.com/ios-glyphs/24/null/document--v1.png" /><a href="https://www.apimatic.io/apidocs/petstore-api/v/1_0_11#/typescript/step-by-step-tutorial" target="_blank">Documentation</a></td>
</tr>
</tbody>
</table>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment