@le-space/ui 0.1.61 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -3
- package/react/index.d.ts +8 -0
- package/react/index.js +974 -28
- package/shared/index.d.ts +21 -5
- package/shared/index.js +960 -26
- package/svelte/SponsorRelayFab.svelte +6 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import { onDestroy, onMount } from 'svelte'
|
|
3
3
|
|
|
4
|
-
import { createSponsorRelayController, formatDateTime, formatNumber, joinMappedPorts, shortHash } from '../shared/index'
|
|
4
|
+
import { createSponsorRelayController, formatDateTime, formatNumber, joinMappedPorts, joinRequiredPortForwards, shortHash } from '../shared/index'
|
|
5
5
|
import AccordionSection from './components/AccordionSection.svelte'
|
|
6
6
|
import CopyButton from './components/CopyButton.svelte'
|
|
7
7
|
import LauncherButton from './components/LauncherButton.svelte'
|
|
@@ -149,6 +149,11 @@ export let apiHost = undefined
|
|
|
149
149
|
<strong>{state.selectedCrn?.name ?? shortHash(state.selectedCrn?.hash)}</strong>
|
|
150
150
|
<small>{state.selectedCrn?.address ?? 'Auto-picked best compatible CRN'}</small>
|
|
151
151
|
</div>
|
|
152
|
+
<div class="metric-card">
|
|
153
|
+
<span>Required ports</span>
|
|
154
|
+
<strong>{joinRequiredPortForwards(state.manifest?.requiredPortForwards ?? [])}</strong>
|
|
155
|
+
<small>Derived from the active rootfs manifest</small>
|
|
156
|
+
</div>
|
|
152
157
|
</div>
|
|
153
158
|
|
|
154
159
|
<div class="actions">
|