create-gojs-kit
Version:
A CLI for downloading GoJS samples, extensions, and docs
370 lines (334 loc) • 14.9 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"/>
<meta name="description" content="Download the GoJS JavaScript Library" />
<meta itemprop="description" content="Download the GoJS JavaScript Library" />
<meta property="og:description" content="Download the GoJS JavaScript Library" />
<meta name="twitter:description" content="Download the GoJS JavaScript Library" />
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="./assets/css/style.css">
<!-- Copyright 1998-2025 by Northwoods Software Corporation. -->
<meta itemprop="name" content="Download" />
<meta property="og:title" content="Download" />
<meta name="twitter:title" content="Download" />
<meta property="og:image" content="https://gojs.net/latest/assets/images/fp/defaultCard.png" />
<meta itemprop="image" content="https://gojs.net/latest/assets/images/fp/defaultCard.png" />
<meta name="twitter:image" content="https://gojs.net/latest/assets/images/fp/defaultCard.png" />
<meta property="og:url" content="https://gojs.net/latest/download.html" />
<meta property="twitter:url" content="https://gojs.net/latest/download.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:type" content="website" />
<meta property="twitter:domain" content="gojs.net" />
<title>
Download | GoJS
</title>
<link rel="stylesheet" href="./assets/css/prism.css"/>
</head>
<body>
<nav id="navTop" class=" w-full h-[var(--topnav-h)] z-30 bg-white border-b border-b-gray-200">
<div class="max-w-screen-xl mx-auto flex flex-wrap items-start justify-between px-4">
<a class="text-white bg-nwoods-primary font-bold !leading-[calc(var(--topnav-h)_-_1px)] my-0 px-2 text-4xl lg:text-5xl logo"
href="./">
GoJS
</a>
<div class="relative">
<button id="topnavButton" class="h-[calc(var(--topnav-h)_-_1px)] px-2 m-0 text-gray-900 bg-inherit shadow-none md:hidden hover:!bg-inherit hover:!text-nwoods-accent hover:!shadow-none" aria-label="Navigation">
<svg class="h-7 w-7 block" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div id="topnavList" class="hidden md:block">
<div class="absolute right-0 z-30 flex flex-col items-end rounded border border-gray-200 p-4 pl-12 shadow bg-white text-gray-900 font-semibold
md:flex-row md:space-x-4 md:items-start md:border-0 md:p-0 md:shadow-none md:bg-inherit">
<a href="./learn/">Learn</a>
<a href="./samples/">Samples</a>
<a href="./intro/">Intro</a>
<a href="./api/">API</a>
<a href="./download.html">Download</a>
<a href="https://forum.nwoods.com/c/gojs/11" target="_blank" rel="noopener">Forum</a>
<a id="tc" href="https://nwoods.com/contact.html"
target="_blank" rel="noopener" onclick="getOutboundLink('https://nwoods.com/contact.html', 'contact');">Contact</a>
<a id="tb" href="https://nwoods.com/sales/index.html"
target="_blank" rel="noopener" onclick="getOutboundLink('https://nwoods.com/sales/index.html', 'buy');">Buy</a>
</div>
</div>
</div>
</div>
</nav>
<script>
window.addEventListener("DOMContentLoaded", function () {
// topnav
var topButton = document.getElementById("topnavButton");
var topnavList = document.getElementById("topnavList");
if (topButton && topnavList) {
topButton.addEventListener("click", function (e) {
topnavList
.classList
.toggle("hidden");
e.stopPropagation();
});
document.addEventListener("click", function (e) {
// if the clicked element isn't the list, close the list
if (!topnavList.classList.contains("hidden") && !e.target.closest("#topnavList")) {
topButton.click();
}
});
// set active <a> element
var url = window
.location
.href
.toLowerCase();
var aTags = topnavList.getElementsByTagName('a');
for (var i = 0; i < aTags.length; i++) {
var lowerhref = aTags[i]
.href
.toLowerCase();
if (lowerhref.endsWith('.html'))
lowerhref = lowerhref.slice(0, -5);
if (url.startsWith(lowerhref)) {
aTags[i]
.classList
.add('active');
break;
}
}
}
});
</script>
<div class="w-full max-w-screen-xl mx-auto">
<div class="px-4 pb-16 w-full overflow-hidden prose">
<h1>Download GoJS</h1>
<p>
If you wish to use the <b>GoJS</b> library for your private evaluation,
you may do so only under the terms of the <a href="evaluationLicense.html" target="_blank" rel="noopener">Evaluation License
Agreement</a>.
We encourage you to <a href="https://nwoods.com/register.html" target="_blank" rel="noopener">register</a> if you
discover you need
technical support during your evaluation.
</p>
<p>
You can download the whole web site for this version of <b>GoJS</b> by saving and unzipping:
</p>
<ul>
<li><a id="ziplink" href="site.zip">site.zip</a></li>
</ul>
<p>
We also maintain a <a href="https://github.com/NorthwoodsSoftware/GoJS" target="_blank" rel="noopener">GitHub
Repository</a> of all libraries,
documentation, samples, and extensions.
This allows you to <a href="https://github.com/NorthwoodsSoftware/GoJS/search?q=setDataProperty&type=Code"
target="_blank" rel="noopener">search
through documentation and code online</a>.
</p>
<p>
The contents of both the ZIP file and the GitHub repository are exactly what you find at the <a href="index.html">GoJS
web site</a>.
Having everything downloaded to your development machine allows you to easily search the JavaScript code and to modify
the samples for experimentation.
</p>
<p>
You can also download <b>GoJS</b> via
<a href="https://www.npmjs.com/package/gojs" target="_blank" rel="noopener">Node package manager (npm)</a>:
<code>$ npm install gojs</code>.
The contents of that package are only the library files.
If you want to download the extensions, samples, and documentation, they are in the <code>create-gojs-kit</code>
package.
Download its contents by executing: <code>$ npm create gojs-kit@latest</code>
</p>
<p>
Or you can link to a CDN (content delivery network):
</p>
<ul>
<li>
<a href="https://www.jsdelivr.com/package/npm/gojs" target="_blank" rel="noopener">JSDELIVR</a>, such as:
<ul>
<li>
Latest: <code>"https://cdn.jsdelivr.net/npm/gojs/release/go.js"</code>
</li>
<li>
Most recent 3.1: <code>"https://cdn.jsdelivr.net/npm/gojs@3.1/release/go.js"</code>
</li>
<li>
An extension: <code>"https://cdn.jsdelivr.net/npm/create-gojs-kit/dist/extensions/AvoidsLinksRouter.js"</code>
</li>
</ul>
</li>
</ul>
<p>
The <b>GoJS</b> library comes in both "debug" and "release" variations in the <code>release</code> directory:
</p>
<ul>
<li><a href="release/go.js">go.js</a>, the release library, used for <script> tags or require.</li>
<li><a href="release/go-debug.js">go-debug.js</a>,
the same functionality as <code>go.js</code>, but with more error checking, for use during development.</li>
<li><a href="release/go.mjs">go.mjs</a> and <a href="release/go-debug.mjs">go-debug.mjs</a>
are the same functionality but as ECMAScript modules, for bundling or for Node.js.</li>
<li><a href="release/go-module.js">go-module.js</a> and <a href="release/go-debug-module.js">go-debug-module.js</a>,
copies of the <code>*.mjs</code> files.</li>
</ul>
<p>
We recommend that you use <code>go-debug.js</code> (or <code>go-debug.mjs</code>) while doing your initial development --
it is more likely to signal errors or provide meaningful error messages than when using <code>go.js</code>.
Always remember to look at the console log to see if there are any error or warning messages.
</p>
<p>
After purchasing a license, you may deploy by acquiring a license key for your web site's domain.
See <a href="intro/deployment.html">Deployment</a> for more discussion.
</p>
<h3>New Versions</h3>
<p>
You can learn about new releases in several manners:
</p>
<ul>
<li>"watch" the <a href="https://github.com/NorthwoodsSoftware/GoJS" target="_blank" rel="noopener">GoJS GitHub
repository</a> for new releases</li>
<li>read the <a href="https://www.npmjs.com/package/gojs" target="_blank" rel="noopener">GoJS npm package</a> page, or
write a "hook" for it</li>
<li>follow us on Twitter: <a href="https://twitter.com/northwoodsgo" target="_blank" rel="noopener">@NorthwoodsGo</a></li>
<li>read the GoJS Change Log page (<a href="https://gojs.net/latest/changelog.html" target="_blank"
rel="noopener">latest</a><span id="thisversion"></span>)</a></li>
<li>read or follow the <a href="https://forum.nwoods.com/c/gojs" target="_blank" rel="noopener">Northwoods GoJS Forum</a></li>
</ul>
<p>
When updating or upgrading to a newer version, please read the <a href="changelog.html" target="_blank">Change Log</a>.
In addition to getting new debug and release libraries, don't forget to use the latest TypeScript definition file,
<a href="release/go.d.ts">go.d.ts</a>, that is also in the release directory.
</p>
<p>
More information is at <a href="index.html">GoJS home</a>.
</p>
</div>
<script type="text/javascript">
document.getElementById('ziplink').addEventListener('click', () => {
ga('send', 'event', 'button', 'click', 'download-zip');
});
document.addEventListener('DOMContentLoaded', () => {
if (!go || !go.version) return;
if (location.href.indexOf('latest') !== -1) return;
const span = document.getElementById('thisversion');
span.innerHTML = `, <a href="./changelog.html" target="_blank">this version: ${go.version}</a>`
})
</script>
</div>
</div>
<footer class="bg-white text-gray-900 border-t border-t-gray-200">
<div class="w-full max-w-screen-lg mx-auto px-4 py-6">
<p id="version" class="text-xs text-gray-900 m-0"></p>
<div class="text-sm px-0 mb-4 grid grid-cols-2 sm:grid-cols-3 gap-y-10">
<div>
<h2 class="text-base font-semibold text-nwoods-primary">GoJS</h2>
<ul class="list-none space-y-4 md:space-y-1 px-0">
<li>
<a href="./samples/index.html">Samples</a>
</li>
<li>
<a href="./learn/index.html">Learn</a>
</li>
<li>
<a href="./intro/index.html">Intro</a>
</li>
<li>
<a href="./api/index.html">API</a>
</li>
<li>
<a href="./changelog.html">Changelog</a>
</li>
<li>
<a href="https://github.com/NorthwoodsSoftware/GoJS" target="_blank" rel="noopener">GitHub</a>
</li>
</ul>
</div>
<div>
<h2 class="text-base font-semibold text-nwoods-primary">Support</h2>
<ul class="list-none space-y-4 md:space-y-1 px-0">
<li>
<a href="https://nwoods.com/contact.html"
target="_blank" rel="noopener" onclick="getOutboundLink('https://nwoods.com/contact.html', 'contact');">Contact</a>
</li>
<li>
<a href="https://forum.nwoods.com/c/gojs" target="_blank" rel="noopener">Forum</a>
</li>
<li>
<a href="https://nwoods.com/app/activate.aspx?sku=gojs" target="_blank" rel="noopener">Activate</a>
</li>
<li>
<a href="https://nwoods.com/sales/index.html"
target="_blank" rel="noopener" onclick="getOutboundLink('https://nwoods.com/sales/index.html', 'buy');">Buy</a>
</li>
<li>
<a href="https://nwoods.com/register.html" target="_blank" rel="noopener">Register</a>
</li>
</ul>
</div>
<div>
<h2 class="text-base font-semibold text-nwoods-primary">Company</h2>
<ul class="list-none space-y-4 md:space-y-1 px-0">
<li>
<a target="_blank" href="https://nwoods.com" target="_blank" rel="noopener">Northwoods</a>
</li>
<li>
<a target="_blank" href="https://nwoods.com/about.html" target="_blank" rel="noopener">About Us</a>
</li>
<li>
<a target="_blank" href="https://nwoods.com/contact.html" target="_blank" rel="noopener">Contact Us</a>
</li>
<li>
<a target="_blank" href="https://nwoods.com/consulting.html" target="_blank" rel="noopener">Consulting</a>
</li>
<li>
<a target="_blank" href="https://twitter.com/northwoodsgo" target="_blank" rel="noopener">Twitter</a>
</li>
</ul>
</div>
</div>
<p class="text-sm text-gray-900 md:mb-6">
Copyright 1998-2025 <a href="https://nwoods.com">Northwoods Software</a>
</p>
</div>
</footer>
</body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-S5QK8VSK84"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-S5QK8VSK84');
var getOutboundLink = function (url, label) {
gtag('event', 'click', {
'event_category': 'outbound',
'event_label': label,
'transport_type': 'beacon'
});
}
const params = new URL(document.location).searchParams
let a = params.get('a');
if (a) localStorage.setItem('a', a);
a = localStorage.getItem('a');
if (a) {
const links = [...document.body.getElementsByTagName("a")].filter((l) => l.href.includes('nwoods.com'));
for (const l of links) {
const url = new URL(l.href);
url.searchParams.set('a', a);
l.href = url;
}
}
</script>
<script src="./assets/js/prism.js"></script>
<script src="./release/go.js"></script>
<script src="./assets/js/goDoc.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
if (window.go)
document
.getElementById('version')
.textContent = "GoJS version " + go.version;
if (window.goDoc)
window.goDoc();
}
);
</script>
</html>