blob: 5033b37c1fe099c5ba40a0f2f8a669ecf2298052 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112407000-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-112407000-2');
</script>
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KS8HHSF');
</script>
<!-- End Google Tag Manager -->
<head>
<title>New for Codewind 0.13.0 | Codewind</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="New for Codewind 0.13.0">
<meta name="keywords" content="news, new, updates, update, version"/>
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap" rel="stylesheet">
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/docs.css">
<link rel="stylesheet" href="css/learn.css">
<link rel="stylesheet" href="css/blog.css">
<link rel="stylesheet" href="css/guides.css">
<link rel="stylesheet" href="css/search.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
</head>
<body data-spy="scroll" data-target="#toc">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS8HHSF"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="main">
<!-- Bootstrap NavBar -->
<nav class="navbar navbar-expand-xl navbar-light cw-banner fixed-top" aria-label="topnav">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="/codewind/">
<img alt="Codewind logo image" title="Codewind logo image" src="images/header/header-logo.svg" class="cw-header-logo" alt="">
</a>
<div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
<ul class="navbar-nav cw-navbar-nav">
<li class="nav-item cw-navbar-item cw-header-link-docs">
<a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
</li>
<li class="nav-item cw-navbar-item cw-header-link-news">
<a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
</li>
<li class="nav-item cw-navbar-item cw-header-link-blog">
<a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
</li>
<li class="nav-item cw-navbar-item cw-header-link-guides">
<a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
</li>
<form class="form-inline my-2 my-lg-0 cw-navbar-item" action="/codewind/search.html" method="get">
<svg class="bi bi-search" width="1em" height="1em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.442 10.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z" clip-rule="evenodd"/>
<path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z" clip-rule="evenodd"/>
</svg>
<input id="nav-search" class="form-control mr-sm-2" type="text" id="search-box" name="query" placeholder="Search">
</form>
<li class="nav-item cw-navbar-item cw-header-link">
<a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github" class="banner-image" title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
</li>
<li class="nav-item cw-navbar-item cw-header-link">
<a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter" class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
</li>
<li class="nav-item cw-navbar-item cw-header-link">
<a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost" class="banner-image" title="Codewind Mattermost" src="images/header/mattermost.png"/></a>
</li>
<li class="nav-item cw-navbar-item cw-header-link">
<a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube" class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
</li>
<!-- li class="nav-item cw-navbar-item" id="download-li">
<button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
<a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
</li> -->
<!-- Smaller devices menu END -->
</ul>
</div>
</nav>
<!-- End Bootstrap NavBar -->
<!-- Bootstrap row -->
<div class="row" id="body-row">
<!-- Sidebar -->
<div id="sidebar" class="bg-light">
<button class="btn btn-secondary dropdown-toggle btn-block d-md-none" type="button" id="contents-expander"
data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#sidebar-container">
Contents
</button>
<div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
<!-- Bootstrap List Group -->
<ul class="list-group bg-light">
<!-- Hard coded TOC -->
<!-- Start single page getting started -->
<a href="news14.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.14.0
</a>
<a href="news13.html"
class="cw-current-page bg-light list-group-item list-group-item-action">
Codewind 0.13.0
</a>
<a href="news12.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.12.0
</a>
<a href="news11.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.11.0
</a>
<a href="news09.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.9.0
</a>
<a href="news08.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.8.0
</a>
<a href="news07.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.7.0
</a>
<a href="news06.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.6.0
</a>
<a href="news05.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.5.0
</a>
<a href="news04.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.4.0
</a>
<a href="news03.html"
class="bg-light list-group-item list-group-item-action">
Codewind 0.3.0
</a>
<a href="newstechpreview.html"
class="bg-light list-group-item list-group-item-action">
Codewind tech preview
</a>
<!-- END hard coded TOC -->
</ul>
<!-- List Group END-->
</div>
<!-- sidebar-container END -->
</div>
<!-- MAIN -->
<div id="content-container">
<div class="py-5 px-5">
<div class="cw-docs-spacer"></div>
<div role="main"><h2 id="codewind-0130">Codewind 0.13.0</h2>
<p>Friday 12, June 2020</p>
<h4 id="-new-features-and-highlights-for-0130-">✨ New Features and Highlights for 0.13.0 ✨</h4>
<p><strong>IDEs</strong></p>
<h5 id="eclipse-and-vs-code">Eclipse and VS Code</h5>
<ul>
<li>Codewind includes support for <a href="https://github.com/eclipse/codewind/issues/1990">debugging remote projects</a>.</li>
<li><a href="https://github.com/eclipse/codewind/issues/1579">Use the IDEs to collect all available log files and environment information</a>. For more information, see <a href="troubleshooting.html#collecting-diagnostics-with-ides">Collecting diagnostics with IDEs</a>.</li>
<li>Codewind remembers the state of remote connections, whether connected or disconnected, when you <a href="https://github.com/eclipse/codewind/issues/2823">restart Eclipse or VS Code</a>.</li>
<li>Manage and view project log files that are currently available in the project overview page in <a href="https://github.com/eclipse/codewind/issues/3020">Eclipse</a> and in <a href="https://github.com/eclipse/codewind/issues/2755">VS Code</a>.</li>
</ul>
<h5 id="eclipse">Eclipse</h5>
<ul>
<li><strong>Important:</strong> Codewind 0.13.0 drops support for Eclipse 2019-03 (4.11). The earliest version of Eclipse that is compatible with Codewind 0.13.0 is Eclipse 2019-06 (4.12).</li>
<li>In Eclipse 2020-03 (4.15) and later, you can <a href="https://github.com/eclipse/codewind/issues/2975">debug Node.js projects directly in Eclipse</a>. If preferred, use the Codewind preferences to go back to using a Chrome-based browser for debugging.</li>
<li>To learn more about why a push registry is required for remote Codewind style projects, <a href="https://github.com/eclipse/codewind/issues/2992">a link to the documentation is included in related dialogs</a>.</li>
<li>The Codewind Explorer view displays an indication of project errors and warnings. <a href="https://github.com/eclipse/codewind/issues/655">Hover over the project to get the details</a>.</li>
</ul>
<h5 id="intellij">IntelliJ</h5>
<ul>
<li>The Codewind plug-in requires IntelliJ IDEA 2020.1.1 as the minimum version.</li>
</ul>
<h5 id="vs-code">VS Code</h5>
<ul>
<li>A <a href="https://github.com/eclipse/codewind-vscode/wiki/Changelog">changelog</a> file is linked to the VS Code tools <code class="highlighter-rouge">README</code> file and is updated for Codewind 0.13.0.</li>
<li>If you run a load test through the Performance Dashboard, <a href="https://github.com/eclipse/codewind/issues/2739">the load runner status appears in a VS Code notification</a>.</li>
<li>After you create a project, <a href="https://github.com/eclipse/codewind/issues/2755">the project logs appear as they become available</a>. If you want, you can also disable the log appearance by setting your preferences.</li>
<li>A modified version of the <a href="https://github.com/eclipse/codewind/issues/2755"><code class="highlighter-rouge">Codewind: Manage Logs</code> command is available in Che</a>.</li>
<li>In the background, Codewind tries to <a href="https://github.com/eclipse/codewind/issues/2640#issuecomment-632896965">reconnect to a remote connection</a> that it lost the connection to. If your network connection or a proxy connection is lost briefly but then restored, the connection reconnects after a short delay.</li>
<li><a href="https://github.com/eclipse/codewind/issues/2278">If you delete an active project from the disk</a>, Codewind <a href="https://github.com/eclipse/codewind/issues/2772">deletes it automatically</a>.</li>
<li>Template source addition and removal is <a href="https://github.com/eclipse/codewind/issues/2776">reported immediately</a>.</li>
<li><a href="https://github.com/eclipse/codewind/issues/2922">A warning appears if a project directory is added to multiple connections</a>. Adding a project directory to multiple connections is still allowed.</li>
<li>The location of the Codewind extension logs is <a href="https://github.com/eclipse/codewind-vscode/pull/600">reported at the beginning of the Codewind output stream</a>.</li>
<li>The Codewind output stream <a href="https://github.com/eclipse/codewind-vscode/pull/607/commits/bb55fe7f2c5ea5fc5e92962f5a83ce960d768e0e">logs timestamps and time that is elapsed for each command</a>.</li>
</ul>
<p><strong>New Codewind Quick Guide</strong></p>
<p>Looking to use Codewind in CodeReady Workspaces to develop cloud-native applications from an OpenShift cluster? Checkout our new <a href="./codewind-crw-quick-guide.html">Getting started with Codewind in CodeReady Workspaces quick guide</a>.</p>
<h4 id="list-of-fixes">List of Fixes</h4>
<ul>
<li>In Codewind for Eclipse and VS Code:
<ul>
<li>When you use the IDE to upgrade Codewind, the IDE <a href="https://github.com/eclipse/codewind/issues/2869">removes the old version of the Codewind CLI</a> from the disk to save space.</li>
</ul>
</li>
<li>In Codewind for Eclipse:
<ul>
<li><a href="https://github.com/eclipse/codewind/issues/2997">A progress monitor appears when certain actions are selected</a>. For example, a progress monitor appears while Manage Template Sources retrieves data from a connection.</li>
<li>The local connection <a href="https://github.com/eclipse/codewind/issues/2963">no longer shows a disconnected error when Eclipse is restarted</a>.</li>
<li>The <a href="https://github.com/eclipse/codewind/issues/2924">dialog is improved</a> in the window that appears if you try to add a project that is already deployed on another connection.</li>
<li>The <code class="highlighter-rouge">Widget is disposed</code> exception <a href="https://github.com/eclipse/codewind/issues/2917">no longer appears</a> when you update the project overview page.</li>
<li>The refresh action on the root element in the Codewind Explorer view <a href="https://github.com/eclipse/codewind/issues/2832">checks for new connections</a>.</li>
<li><strong>Restore defaults</strong> on the Codewind preferences page <a href="https://github.com/eclipse/codewind/issues/2836">resets the fields to their defaults</a>.</li>
</ul>
</li>
<li>In Codewind for VS Code:
<ul>
<li><a href="https://github.com/eclipse/codewind/issues/2456">An issue is fixed with deleting project files on Windows</a>. Also, a warning message appears if the extension is going to reload because the workspace folders are changed.</li>
<li><a href="https://github.com/eclipse/codewind-vscode/pull/596">Some of the colors in the webviews are updated because they changed in VS Code 1.45</a>. Also, the table header in the Template Sources and Image Registry pages is fixed.</li>
<li><a href="https://github.com/eclipse/codewind/issues/2824">An issue is fixed with canceling connection setup after you restart VS Code</a>.</li>
<li><a href="https://github.com/eclipse/codewind/issues/2878">Webviews close when the extension is deactivated</a>.</li>
</ul>
</li>
<li>The Performance Dashboard includes <a href="https://github.com/eclipse/codewind/pull/3037">new capabilities paneling</a>.</li>
<li><a href="https://github.com/eclipse/codewind/issues/2825">Run load concurrently against multiple projects</a>.</li>
<li><a href="https://github.com/eclipse/codewind-appsody-extension/pull/104">Appsody projects can be added to more Docker networks that are specified with a <code class="highlighter-rouge">CW_NETWORKS</code> environment variable with space-delimited names</a>.</li>
<li>The <a href="https://github.com/eclipse/codewind-appsody-extension/pull/107"><code class="highlighter-rouge">appsody-extension</code> is updated from 0.6.1 to 0.6.2</a>.</li>
<li>The <a href="https://github.com/eclipse/codewind-openapi-eclipse/pull/152"><code class="highlighter-rouge">codewind-openapi-eclipse</code> version is updated</a>.</li>
<li>The <a href="https://github.com/eclipse/codewind-openapi-vscode/pull/102"><code class="highlighter-rouge">codewind-openapi-vscode</code> version is updated</a>.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer row -->
<footer>
<div id="footer-div-mobile">
<div class="row">
<div class="col-sm-12 text-center">
<span>Useful Links:</span>
<br/><br/>
<a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
<a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
<a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
<a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
<a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
</div>
</div>
<div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
<div class="cw_footer_display_icons row">
<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
<div>
<div>
<a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email" title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
</div>
</div>
</div>
<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
<div>
<div>
<a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter" title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
</div>
</div>
</div>
<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
<div>
<div>
<a href="https://github.com/eclipse/codewind"><img alt="Codewind Github" title="Codewind Github" src="images/footer/github-logo.svg"
class="cw-logo" /></a>
</div>
</div>
</div>
<div class=" cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
<div>
<div>
<a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost" title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
</div>
</div>
</div>
<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
<div>
<div>
<a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube" title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
class="cw-logo" /></a>
</div>
</div>
</div>
<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
<div>
<div>
<a href="http://www.eclipse.org"><img class="cw-logo-eclipse-mobile" alt="Eclipse" title="Eclipse" src="images/footer/eclipse.svg"/></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row cw-footer-desktop" id="footer-div">
<div class="cw-footer-left">
<div class="px-5 cw-font-12>
<span class="cw-font-14">Useful Links:</span>
<br/><br/>
<a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
<a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
<a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
<a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
<a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
</div>
</div>
<div class="cw-footer-border-right"></div>
<div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
<div class="cw_footer_display_icons">
<div class="cw-footer-col text-center">
<div>
<div>
<a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email" title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
</div>
</div>
</div>
<div class="cw-footer-col text-center">
<div>
<div>
<a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter" title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
</div>
</div>
</div>
<div class="cw-footer-col text-center">
<div>
<div>
<a href="https://github.com/eclipse/codewind"><img alt="Codewind Github" title="Codewind Github" src="images/footer/github-logo.svg"
class="cw-logo" /></a>
</div>
</div>
</div>
<div class=" cw-footer-col text-center">
<div class="cw-logo-mm" >
<div class="cw-logo-mm" >
<a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost" title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
</div>
</div>
</div>
<div class="cw-footer-col text-center">
<div>
<div>
<a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube" title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
class="cw-logo" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="cw-footer-border-right"></div>
<div class="cw-footer-right cw-footer-same-height cw-footer-vcenter">
<div class="cw-footer-eclipse-img cw-footer-same-height px-5 ">
<a href="http://www.eclipse.org">
<img alt="Eclipse" title="Eclipse" src="images/footer/eclipse.svg"/>
</a>
</div>
</div>
</div>
</footer>
<!-- footer row END -->
<!-- Main Col END -->
<!-- Jquery -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
<!-- Font Awesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous">
</script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous">
</script>
<script src="js/jquery.matchHeight-min.js"></script>
<script src="js/index.js"></script>
<script src="js/docs.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-docker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-json.min.js"></script>
</div>
</body>
</html>