Dimitrie Stefanescu
01c9c3fa0e
* feat(objectsender): wip serializer and sender * feat(objectsender): mostly done * feat(objectsender): chores * feat(objectsender): chores * build refactor * linting issue fix * minor type adjustments * adding in type definitions into build * sha tests * config fix * fixed up servertransport * added tests to ci * added coverage * storing coverage? --------- Co-authored-by: Kristaps Fabians Geikins <fabis94@live.com>
105 lines
2.8 KiB
HTML
105 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@speckle/objectsender example</title>
|
|
<style>
|
|
body {
|
|
max-width: 850px;
|
|
margin: 40px auto;
|
|
padding: 0 10px;
|
|
font: 18px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
color: #444;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
line-height: 1.2;
|
|
}
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
color: #c9d1d9;
|
|
background: #0d1117;
|
|
}
|
|
a:link {
|
|
color: #58a6ff;
|
|
}
|
|
a:visited {
|
|
color: #8e96f0;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<h1 class="text-2xl">Object Sender Test</h1>
|
|
<p>All the magic is in the console.</p>
|
|
<p>This will send a random speckle object to the server to flex things around.</p>
|
|
<div>
|
|
<p>How does this work?</p>
|
|
<pre>
|
|
import { send, Base } from '@speckle/objectsender'
|
|
|
|
const testObject = new Base({
|
|
prop: value,
|
|
'@detachedValue': new Base({...}),
|
|
'@detachedArray': [...Array(100).fill(0).map( _ => new Base({...}))],
|
|
'@(10)chunkedArr': [...Array(100).fill(0)]
|
|
})
|
|
|
|
const { hash } = await send(testObject, { serverUrl, projectId, token })
|
|
</pre
|
|
>
|
|
<p>For more info check src/examples/browser/main.ts</p>
|
|
</div>
|
|
<div>
|
|
<label for="serverUrl" class="text-xs text-neutral-500">Server:</label>
|
|
<input
|
|
type="text"
|
|
id="serverUrl"
|
|
name="serverUrl"
|
|
minlength="42"
|
|
required
|
|
value="https://app.speckle.systems"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label for="apiToken" class="text-xs text-neutral-500">API token:</label>
|
|
<input
|
|
type="text"
|
|
id="apiToken"
|
|
name="apiToken"
|
|
minlength="42"
|
|
required
|
|
placeholder="c6cef1e202e0dbd4275ed7019bf2719135128071b6"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label for="projectId" class="text-xs text-neutral-500">Project id:</label>
|
|
<input
|
|
type="text"
|
|
id="projectId"
|
|
name="projectId"
|
|
minlength="6"
|
|
required
|
|
placeholder="67ab820e8b"
|
|
/>
|
|
</div>
|
|
<br />
|
|
<button type="button" onclick="loadData()">Send random object</button>
|
|
<pre id="result">
|
|
resulting link will be displayed here (note, nothing will be visible in the viewer)</pre
|
|
>
|
|
</div>
|
|
<script type="module" src="/src/examples/browser/main.ts"></script>
|
|
</body>
|
|
</html>
|