I have tried both the cloud and docker versions of studio and am having issues with docker. Here is my setup:
K8s cluster running stardog. Stardog is exposed to the local network through 10.0.1.222:5820. I can use postman to query and use the HTTP api.
When I load stardog studio in a docker container as the instructions online suggest I can access the GUI at http://localhost:8888 and I can add a server (which it says is added successfully) using the default admin credentials. However when I try to view users, databases etc. all the requests seem to fail. Looking in the network inspector in chrome the GUI seems to be appending the URLs to make the request rather than just the main API. For example, loading the database's page uses the following request URL: http://10.0.0.103:8888/10.0.1.222:5820/admin/databases
Which returns the HTML of stardog studio rather than the API results:
<!DOCTYPE html><html style="--background-dark:#1e1e1e; --background-light:#fffffe; --background-overlay-dark:#202b33c0; --intent-primary:#106ba3; --intent-primary-active:#0e5a8a; --intent-success:#3dcc91; --intent-danger:#ff7373; --text-dark:#1e1e1e; --text-light:#f5f8fa; --text-inactive:#8a9ba8; --text-semi-active:#0e5a8a; --text-active:#48aff0; --highlight-primary-1:#182026; --highlight-primary-2:#202b33; --highlight-primary-3:#1e1e1e; --highlight-primary-4:#10161a27; --background-main:#1e1e1e; --background-overlay:#202b33c0; --background-overlay-drawer:#10161ae6; --background-scrollbar-thumb:#394b59; --background-scrollbar-track:#10161ab3; --background-scrollbar-corner:#293742; --background-mosaic-row:#293742; --background-mosaic-column:#8a9ba8; --background-header:#394b59; --background-header-sub:#293742; --background-navbar:#30404d; --background-tab-active:#182026; --background-tab-inactive:#293742; --background-section:#30404d; --background-section-body:#293742; --background-section-sub:#202b33; --background-section-super:#394b59; --background-end-service-banner:#106ba3; --button-section:#202b33; --button-header:#293742; --button-header-hover:#202b33; --button-tab:#30404d; --button-tab-hover:#394b59; --icon:#bfccd6; --text-main:#f5f8fa; --text-overlay:#8a9ba8; --text-tooltip:#394b59; --highlight-primary-5:#10161a; --highlight-primary-6:#10161a;"><head>
<meta charset="UTF-8">
<title>Stardog Studio</title>
<style>
* {
box-sizing: border-box;
}
/* Electron-specific style "resets" for app-like behavior */
html {
-webkit-user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
user-select: none;
cursor: default;
height: 100%;
overflow: hidden;
}
body {
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
input, textarea, select, button, img {
-webkit-user-drag: none;
}
.not-draggable {
-webkit-app-region: no-drag;
-webkit-user-drag: none;
}
.draggable {
-webkit-app-region: drag;
}
.selectable {
-moz-user-select: text;
-webkit-user-select: text;
user-select: text;
}
#stardog-studio-host {
height: 100%;
}
/* This is to prevent non-monaco selections from occurring in the monaco editor when */
/* clicking and dragging from outside the editor pane, e.g. when resizing the editor */
#stardog-studio-host .monaco-editor .lines-content,
#stardog-studio-host .monaco-editor .view-lines,
#stardog-studio-host .monaco-editor .view-line {
user-select: none;
}
/* Custom animations for joyride */
@keyframes joyride-beacon-inner {
20% {
opacity: 0.9;
}
90% {
opacity: 0.7;
}
}
@keyframes joyride-beacon-outer {
0% {
transform: scale(1);
}
45% {
opacity: 0.7;
transform: scale(0.75);
}
100% {
opacity: 0.9;
transform: scale(1);
}
}
</style>
<script>
// injected at build time:
window.__STARDOG_WORKER_MANIFEST__ = {
"graphqlLanguageServer.js": "./graphqlLanguageServer.dab130571731990e8e8e.js",
"graphqlLanguageServer.js.map": "./graphqlLanguageServer.dab130571731990e8e8e.js.map",
"mainWorker.js": "./mainWorker.74757e1c4d1909f57191.js",
"mainWorker.js.map": "./mainWorker.74757e1c4d1909f57191.js.map",
"shaclLanguageServer.js": "./shaclLanguageServer.3fe93ae11500d8d6d10a.js",
"shaclLanguageServer.js.map": "./shaclLanguageServer.3fe93ae11500d8d6d10a.js.map",
"sms2LanguageServer.js": "./sms2LanguageServer.4988154618d0406ea846.js",
"sms2LanguageServer.js.map": "./sms2LanguageServer.4988154618d0406ea846.js.map",
"sparqlLanguageServer.js": "./sparqlLanguageServer.753e9a054e9603df9eef.js",
"sparqlLanguageServer.js.map": "./sparqlLanguageServer.753e9a054e9603df9eef.js.map",
"trigLanguageServer.js": "./trigLanguageServer.0ab622b3b9809f043611.js",
"trigLanguageServer.js.map": "./trigLanguageServer.0ab622b3b9809f043611.js.map",
"turtleLanguageServer.js": "./turtleLanguageServer.260ac8b717f70e7caf8b.js",
"turtleLanguageServer.js.map": "./turtleLanguageServer.260ac8b717f70e7caf8b.js.map",
"css.7aecf3e766747bf0fea7ca5dc90d4176.worker.js": "./css.7aecf3e766747bf0fea7ca5dc90d4176.worker.js",
"css.7aecf3e766747bf0fea7ca5dc90d4176.worker.js.map": "./css.7aecf3e766747bf0fea7ca5dc90d4176.worker.js.map",
"editor.8d6cf1de192a4d0521761f6e6aa2a82b.worker.js": "./editor.8d6cf1de192a4d0521761f6e6aa2a82b.worker.js",
"editor.8d6cf1de192a4d0521761f6e6aa2a82b.worker.js.map": "./editor.8d6cf1de192a4d0521761f6e6aa2a82b.worker.js.map",
"graphqlLanguageServer.dab130571731990e8e8e.js.LICENSE.txt": "./graphqlLanguageServer.dab130571731990e8e8e.js.LICENSE.txt",
"html.f696421493ec74946f95c102e8f6a657.worker.js": "./html.f696421493ec74946f95c102e8f6a657.worker.js",
"html.f696421493ec74946f95c102e8f6a657.worker.js.map": "./html.f696421493ec74946f95c102e8f6a657.worker.js.map",
"json.1ac0cb886e47d0f1f2aa382c4f347ac4.worker.js": "./json.1ac0cb886e47d0f1f2aa382c4f347ac4.worker.js",
"json.1ac0cb886e47d0f1f2aa382c4f347ac4.worker.js.map": "./json.1ac0cb886e47d0f1f2aa382c4f347ac4.worker.js.map",
"mainWorker.74757e1c4d1909f57191.js.LICENSE.txt": "./mainWorker.74757e1c4d1909f57191.js.LICENSE.txt",
"shaclLanguageServer.3fe93ae11500d8d6d10a.js.LICENSE.txt": "./shaclLanguageServer.3fe93ae11500d8d6d10a.js.LICENSE.txt",
"sms2LanguageServer.4988154618d0406ea846.js.LICENSE.txt": "./sms2LanguageServer.4988154618d0406ea846.js.LICENSE.txt",
"sparqlLanguageServer.753e9a054e9603df9eef.js.LICENSE.txt": "./sparqlLanguageServer.753e9a054e9603df9eef.js.LICENSE.txt",
"trigLanguageServer.0ab622b3b9809f043611.js.LICENSE.txt": "./trigLanguageServer.0ab622b3b9809f043611.js.LICENSE.txt",
"ts.e3eeab92575fe4e80b452ebabc8d8371.worker.js": "./ts.e3eeab92575fe4e80b452ebabc8d8371.worker.js",
"ts.e3eeab92575fe4e80b452ebabc8d8371.worker.js.LICENSE.txt": "./ts.e3eeab92575fe4e80b452ebabc8d8371.worker.js.LICENSE.txt",
"ts.e3eeab92575fe4e80b452ebabc8d8371.worker.js.map": "./ts.e3eeab92575fe4e80b452ebabc8d8371.worker.js.map",
"turtleLanguageServer.260ac8b717f70e7caf8b.js.LICENSE.txt": "./turtleLanguageServer.260ac8b717f70e7caf8b.js.LICENSE.txt"
};
</script>
<link rel="shortcut icon" href="./stardog-studio-icon.svg"><link href="./5.8edb732439add0d6762f.css" rel="stylesheet"><link href="./11.dfabb31a71bcc7dcad30.css" rel="stylesheet"><link href="./9.df2da75c07a47a4b91ee.css" rel="stylesheet"><script charset="utf-8" src="./31.a251f56b6f2ae5e05098.js"></script><script charset="utf-8" src="./30.29c010f5e8e5bf0b7e42.js"></script><script charset="utf-8" src="./32.933472878a071a2cedd4.js"></script></head>
<body class="draggable bp3-dark">
<div id="stardog-studio-host"><div class="sd-app-container"><nav class="bp3-navbar sd-main-nav"><div class="bp3-tabs bp3-vertical"><div class="bp3-tab-list" role="tablist"><div class="bp3-tab-indicator-wrapper" style="height: 50px; transform: translateX(0px) translateY(55px); width: 30px; transition: none 0s ease 0s;"><div class="bp3-tab-indicator"></div></div><div aria-controls="bp3-tab-panel_navbar_starchart" aria-disabled="true" aria-expanded="false" aria-selected="false" class="bp3-tab" data-tab-id="starchart" id="bp3-tab-title_navbar_starchart" role="tab"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><div class="" tabindex="0" style="text-align: center; line-height: initial; padding: 15px 0px;"><span icon="dashboard" class="bp3-icon bp3-icon-dashboard"><svg data-icon="dashboard" width="20" height="20" viewBox="0 0 20 20"><desc>dashboard</desc><path d="M6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM4 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm6-4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-5C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm6-9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-8 5c0 1.1.9 2 2 2s2-.9 2-2c0-.33-2-8-2-8s-2 7.67-2 8zm6-9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z" fill-rule="evenodd"></path></svg></span></div></span></span></div><div aria-controls="bp3-tab-panel_navbar_editor" aria-disabled="false" aria-expanded="true" aria-selected="true" class="bp3-tab" data-tab-id="editor" id="bp3-tab-title_navbar_editor" role="tab" tabindex="0"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><div class="" tabindex="0" style="text-align: center; line-height: initial; padding: 15px 0px;"><span icon="document" class="bp3-icon bp3-icon-document"><svg data-icon="document" width="20" height="20" viewBox="0 0 20 20"><desc>document</desc><path d="M11.98 0h-8c-.55 0-1 .45-1 1v18c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V6l-6-6zm4 18h-11V2h6v5h5v11z" fill-rule="evenodd"></path></svg></span></div></span></span></div><div class="bp3-divider sd-main-nav-divider"></div><div aria-controls="bp3-tab-panel_navbar_models" aria-disabled="true" aria-expanded="false" aria-selected="false" class="bp3-tab" data-tab-id="models" id="bp3-tab-title_navbar_models" role="tab"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><div class="" tabindex="0" style="text-align: center; line-height: initial; padding: 15px 0px;"><span icon="diagram-tree" class="bp3-icon bp3-icon-diagram-tree"><svg data-icon="diagram-tree" width="20" height="20" viewBox="0 0 20 20"><desc>diagram-tree</desc><path d="M19 10v5h-2v-4h-6v4H9v-4H3v4H1v-5a1 1 0 011-1h7V5h2v4h7a1 1 0 011 1zM1 16h2a1 1 0 011 1v2a1 1 0 01-1 1H1a1 1 0 01-1-1v-2a1 1 0 011-1zm16 0h2a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1zm-8 0h2a1 1 0 011 1v2a1 1 0 01-1 1H9a1 1 0 01-1-1v-2a1 1 0 011-1zM9 0h2a1 1 0 011 1v2a1 1 0 01-1 1H9a1 1 0 01-1-1V1a1 1 0 011-1z" fill-rule="evenodd"></path></svg></span></div></span></span></div><div aria-controls="bp3-tab-panel_navbar_virtual-graphs" aria-disabled="true" aria-expanded="false" aria-selected="false" class="bp3-tab" data-tab-id="virtual-graphs" id="bp3-tab-title_navbar_virtual-graphs" role="tab"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><div class="" tabindex="0" style="text-align: center; line-height: initial; padding: 15px 0px;"><span icon="join-table" class="bp3-icon bp3-icon-join-table"><svg data-icon="join-table" width="20" height="20" viewBox="0 0 20 20"><desc>join-table</desc><path d="M19 6h-4V2c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h4v4c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1zM6 12H2V9h4v3zm0-4H2V5h4v3zm7 9H7v-3h6v3zm0-4H7V9h6v4zm0-5H7V5h6v3zm5 9h-4v-3h4v3zm0-4h-4v-3h4v3z" fill-rule="evenodd"></path></svg></span></div></span></span></div><div class="bp3-divider sd-main-nav-divider"></div><div aria-controls="bp3-tab-panel_navbar_databases" aria-disabled="true" aria-expanded="false" aria-selected="false" class="bp3-tab" data-tab-id="databases" id="bp3-tab-title_navbar_databases" role="tab"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><div class="" tabindex="0" style="text-align: center; line-height: initial; padding: 15px 0px;"><span icon="database" class="bp3-icon bp3-icon-database"><svg data-icon="database" width="20" height="20" viewBox="0 0 20 20"><desc>database</desc><path d="M2.01 5.1v5.4c0 1.38 3.58 2.5 8 2.5s8-1.12 8-2.5V5.1c-1.49 1.13-4.51 1.9-8 1.9-3.48 0-6.5-.77-8-1.9zm8 .9c4.42 0 8-1.12 8-2.5s-3.58-2.5-8-2.5-8 1.12-8 2.5S5.6 6 10.01 6zm-8 6.1v5.4c0 1.38 3.58 2.5 8 2.5s8-1.12 8-2.5v-5.4c-1.49 1.13-4.51 1.9-8 1.9-3.48 0-6.5-.77-8-1.9z" fill-rule="evenodd"></path></svg></span></div></span></span></div><div aria-controls="bp3-tab-panel_navbar_security" aria-disabled="true" aria-expanded="false" aria-selected="false" class="bp3-tab" data-tab-id="security" id="bp3-tab-title_navbar_security" role="tab"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><div class="" tabindex="0" style="text-align: center; line-height: initial; padding: 15px 0px;"><span icon="lock" class="bp3-icon bp3-icon-lock"><svg data-icon="lock" width="20" height="20" viewBox="0 0 20 20"><desc>lock</desc><path d="M15.93 9H14V4.99c0-2.21-1.79-4-4-4s-4 1.79-4 4V9H3.93c-.55 0-.93.44-.93.99v8c0 .55.38 1.01.93 1.01h12c.55 0 1.07-.46 1.07-1.01v-8c0-.55-.52-.99-1.07-.99zM8 9V4.99c0-1.1.9-2 2-2s2 .9 2 2V9H8z" fill-rule="evenodd"></path></svg></span></div></span></span></div><div class="bp3-divider sd-main-nav-divider"></div><div aria-controls="bp3-tab-panel_navbar_tutorials" aria-disabled="true" aria-expanded="false" aria-selected="false" class="bp3-tab" data-tab-id="tutorials" id="bp3-tab-title_navbar_tutorials" role="tab"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><div class="" tabindex="0" style="text-align: center; line-height: initial; padding: 15px 0px;"><span icon="manual" class="bp3-icon bp3-icon-manual"><svg data-icon="manual" width="20" height="20" viewBox="0 0 20 20"><desc>manual</desc><path d="M20 1.1a.976.976 0 00-.83-.88C15.15-.43 12.07.34 10 2.5 7.93.34 4.85-.43.84.22.37.3.03.67 0 1.1v15.01c0 .07 0 .14.01.21.09.52.61.88 1.15.79 3.85-.62 6.4.16 8 2.46.02.02.03.04.05.07.02.02.04.04.06.07l.01.01a1.07 1.07 0 00.28.19c.01 0 .01.01.02.01.03.01.07.03.1.04.01 0 .02.01.04.01.03.01.07.02.1.02.01 0 .02 0 .04.01H10c.04 0 .09 0 .13-.01.01 0 .03 0 .04-.01.03-.01.06-.01.1-.02.01 0 .03-.01.04-.01.03-.01.07-.02.1-.04.01 0 .02-.01.03-.01.07-.03.13-.07.19-.11.01 0 .01-.01.02-.01.02-.02.04-.03.06-.05.01-.01.02-.02.03-.02l.05-.05c.01-.01.02-.02.02-.03.01-.02.02-.03.04-.05 1.61-2.3 4.15-3.09 8-2.46.54.09 1.06-.26 1.15-.79-.01-.05 0-.09 0-.13V1.1zM9 16.63c-1.78-1.31-4.12-1.83-7-1.55V2c3.26-.37 5.51.39 7 2.35v12.28zm9-1.56c-2.88-.28-5.22.24-7 1.55V4.34c1.49-1.96 3.74-2.71 7-2.35v13.08z" fill-rule="evenodd"></path></svg></span></div></span></span></div><div class="sd-main-nav-spacer"></div><span class="bp3-popover-wrapper sd-main-nav-connect-button"><span class="bp3-popover-target"><button type="button" class="bp3-button" tabindex="0"><span data-testid="sd-standalone-connect-button" icon="offline" class="bp3-icon bp3-icon-offline"><svg fill="#b36767" data-icon="offline" width="16" height="16" viewBox="0 0 16 16"><desc>offline</desc><path d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zM6 14l1-5H4l6-7-1 5h3l-6 7z" fill-rule="evenodd"></path></svg></span></button></span></span></div></div></nav><div class="sd-app-main-view-container not-draggable"><div class="sd-loading-screen" style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: transparent;"><div class="bp3-spinner"><div class="bp3-spinner-animation"><svg width="100" height="100" stroke-width="4.00" viewBox="3.00 3.00 94.00 94.00"><path class="bp3-spinner-track" d="M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90"></path><path class="bp3-spinner-head" d="M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90" pathLength="280" stroke-dasharray="280 280" stroke-dashoffset="210"></path></svg></div></div></div></div></div><div class="sd-status-bar" data-testid="sd-status-bar"><div class="sd-status-bar-static"><span class="sd-status-bar-connection" data-testid="sd-status-bar-connection">Not connected</span><span class="sd-status-bar-version"></span></div><div style="display: flex;"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><a role="button" data-testid="sd-status-bar-keyboard-shortcut-button" id="sd-status-bar-keyboard-button" class="bp3-button" tabindex="0"><svg width="30px" height="30px" viewBox="0 0 30 30"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.520000, 7.200000)"><rect stroke="#FFFFFF" stroke-width="1.5" opacity="0.949999988" x="-1.0658141e-14" y="6.79456491e-14" width="24.96" height="15.6" rx="1.2"></rect><g transform="translate(2.460000, 3.180000)" fill="#FFFFFF"><g><rect x="0" y="0" width="2.1" height="2.1"></rect><rect x="3.6" y="0" width="2.1" height="2.1"></rect><rect x="7.2" y="0" width="2.1" height="2.1"></rect><rect x="10.8" y="0" width="2.1" height="2.1"></rect><rect x="14.4" y="0" width="2.1" height="2.1"></rect><rect x="18" y="0" width="2.1" height="2.1"></rect></g><g transform="translate(0.000000, 7.200000)"><rect x="0" y="0" width="2.1" height="2.1"></rect><rect x="3.6" y="0" width="12.9" height="2.1"></rect><rect x="18" y="0" width="2.1" height="2.1"></rect></g><g transform="translate(1.800000, 3.600000)"><rect x="0" y="0" width="2.1" height="2.1"></rect><rect x="3.6" y="0" width="2.1" height="2.1"></rect><rect x="7.2" y="0" width="2.1" height="2.1"></rect><rect x="10.8" y="0" width="2.1" height="2.1"></rect><rect x="14.4" y="0" width="2.1" height="2.1"></rect></g></g></g></g></svg></a></span></span><div class="sd-status-bar-dynamic"><span class="bp3-popover-wrapper"><span class="bp3-popover-target"><button type="button" class="bp3-button bp3-minimal sd-language-menu-button" data-testid="sd-status-bar-language-menu-button"><span class="bp3-button-text">Loading</span></button></span></span></div></div></div></div>
<script type="text/javascript" src="./runtime.a90505d6614b436f78bb.js"></script><script type="text/javascript" src="./vendors~renderer~vendor.c4512256be7e9cb06dc2.js"></script><script type="text/javascript" src="./vendors~renderer.5ea8eb01b0363276f04f.js"></script><script type="text/javascript" src="./renderer.a0a99ce3f444c4c63eb6.js"></script><script type="text/javascript" src="./vendor.3ace1cc8660165b7a821.js"></script>
</body></html>
Now after running into issues with that I tried the cloud stardog instance. I went to https://cloud.stardog.com/get-started was able to get it to connect to the server after enabling insecure content in chrome. But I am still running into issues getting the tutorials to load the data into the database. It creates the databases but errors out with Failed to load data to "stardog-tutorial-beatles": Failed to fetch