@stacksjs/ts-cloud 0.12.16 → 0.13.1
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/dist/aws/index.js +1 -1
- package/dist/bin/{chunk-9wjgxjqp.js → chunk-22c3pk8s.js} +48 -48
- package/dist/bin/chunk-2ahgpy3j.js +2 -0
- package/dist/bin/chunk-2synp9gh.js +1 -0
- package/dist/bin/{chunk-zhpzxnpg.js → chunk-2v0qm547.js} +1 -1
- package/dist/bin/{chunk-52wgrpe8.js → chunk-88ysj8n5.js} +1 -1
- package/dist/bin/{chunk-6tty6sjf.js → chunk-8bbw6qc2.js} +1 -1
- package/dist/bin/{chunk-2shtky1g.js → chunk-9qndhwbe.js} +1 -1
- package/dist/bin/{chunk-a76krpa1.js → chunk-bdgkeqv6.js} +1 -1
- package/dist/bin/chunk-c82rh7qe.js +1 -0
- package/dist/bin/{chunk-e3d9m062.js → chunk-d4bb9qg9.js} +1 -1
- package/dist/bin/{chunk-tpjepvwa.js → chunk-d6kqbp8q.js} +1 -1
- package/dist/bin/{chunk-a8rn2wym.js → chunk-dk38j1qr.js} +9 -9
- package/dist/bin/{chunk-9vrnrxay.js → chunk-e1cxh9rj.js} +2 -2
- package/dist/bin/{chunk-9k60q9qz.js → chunk-edaq5jef.js} +3 -3
- package/dist/bin/{chunk-srw2jmh3.js → chunk-fbycbnvj.js} +4 -4
- package/dist/bin/chunk-fj89173b.js +1 -0
- package/dist/bin/{chunk-xyk8qe2c.js → chunk-gxwsq3k0.js} +21 -21
- package/dist/bin/{chunk-ebdybz7x.js → chunk-hwp5xp1c.js} +35 -35
- package/dist/bin/{chunk-ndbtr4mb.js → chunk-jee6msvx.js} +3 -3
- package/dist/bin/chunk-kjatss6s.js +1 -0
- package/dist/bin/{chunk-mekcw1zn.js → chunk-kxa4t4wh.js} +2 -2
- package/dist/bin/{chunk-8sxb2rr0.js → chunk-m5sjzxm3.js} +1 -1
- package/dist/bin/{chunk-7xszcdqn.js → chunk-n56c0j1e.js} +4 -4
- package/dist/bin/{chunk-be7rhw60.js → chunk-rzt92fwv.js} +3 -3
- package/dist/bin/{chunk-zav02r6k.js → chunk-vwzgtsn9.js} +1 -1
- package/dist/bin/{chunk-dvm4n8m8.js → chunk-w0g72e50.js} +1 -1
- package/dist/bin/chunk-wb8y7zey.js +1 -0
- package/dist/bin/{chunk-y24gfke7.js → chunk-x4gsw45d.js} +5 -5
- package/dist/bin/{chunk-hzj5r6b7.js → chunk-xs62dg7t.js} +2 -2
- package/dist/bin/{chunk-k7w2ztw9.js → chunk-xtp2zf3j.js} +1 -1
- package/dist/bin/{chunk-5qann9n2.js → chunk-xw9vcdwt.js} +1 -1
- package/dist/bin/{chunk-3zq0wkz2.js → chunk-y671cgz5.js} +1 -1
- package/dist/bin/cli.js +76 -76
- package/dist/bin/dashboard-server.js +1 -1
- package/dist/chunk-05qawkra.js +1 -0
- package/dist/{chunk-qszktnnz.js → chunk-0g2jkhy5.js} +1 -1
- package/dist/{chunk-crpjqnjb.js → chunk-2s65yj3g.js} +4 -4
- package/dist/chunk-3qtce4mm.js +1 -0
- package/dist/chunk-3tt5em2c.js +1 -0
- package/dist/{chunk-hw3p6pth.js → chunk-42kv07cs.js} +1 -1
- package/dist/{chunk-nr1bdzwy.js → chunk-65ajja2a.js} +1 -1
- package/dist/{chunk-rtg6nw3n.js → chunk-6gtqjsg9.js} +3 -3
- package/dist/{chunk-a7v15116.js → chunk-8s9m8pyb.js} +1 -1
- package/dist/chunk-a1p70h5d.js +2 -0
- package/dist/{chunk-j9rv5m58.js → chunk-asmv4fw1.js} +19 -19
- package/dist/{chunk-a6zymyfs.js → chunk-ds92qg3g.js} +4 -4
- package/dist/{chunk-93mgdgd5.js → chunk-dzqz1sm0.js} +3 -3
- package/dist/{chunk-wz57brcf.js → chunk-hyj2ymp1.js} +6 -6
- package/dist/{chunk-1zz5n6q8.js → chunk-j7vsrx9g.js} +5 -5
- package/dist/chunk-jdq95b4h.js +1 -0
- package/dist/{chunk-wxv3ypt5.js → chunk-m5r0dt28.js} +2 -2
- package/dist/{chunk-bga3mw5f.js → chunk-mcfdtg5w.js} +1 -1
- package/dist/{chunk-4ywy6dp5.js → chunk-ngdhqwf3.js} +3 -3
- package/dist/{chunk-6znnde1s.js → chunk-nhtz2k8d.js} +5 -5
- package/dist/{chunk-kazw813q.js → chunk-nw0tvrrr.js} +1 -1
- package/dist/{chunk-d1tv3wx0.js → chunk-p9fqsz06.js} +2 -2
- package/dist/{chunk-qzwack6w.js → chunk-r4dpn715.js} +7 -7
- package/dist/{chunk-ajq92t46.js → chunk-t5tvt2r3.js} +124 -124
- package/dist/{chunk-jk7ecnmc.js → chunk-vk513ge7.js} +78 -78
- package/dist/{chunk-mherymtx.js → chunk-w5fmaaxa.js} +4 -4
- package/dist/chunk-wr7tn9j5.js +1 -0
- package/dist/{chunk-7hjsnwcv.js → chunk-xqx5szta.js} +27 -27
- package/dist/{chunk-thghrpf9.js → chunk-y13zcbnp.js} +101 -101
- package/dist/{chunk-bgrre2px.js → chunk-z7v4evbh.js} +2 -2
- package/dist/deploy/index.js +1 -1
- package/dist/dns/delegate-from-config.d.ts +50 -0
- package/dist/dns/delegate-from-config.test.d.ts +1 -0
- package/dist/dns/delegation.d.ts +110 -0
- package/dist/dns/delegation.test.d.ts +1 -0
- package/dist/dns/index.d.ts +4 -0
- package/dist/dns/index.js +1 -1
- package/dist/dns/porkbun-nameservers.test.d.ts +1 -0
- package/dist/drivers/index.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +49 -49
- package/dist/operations/index.js +1 -1
- package/dist/protection/index.js +1 -1
- package/dist/spend/index.js +1 -1
- package/dist/ui/404.html +1 -1
- package/dist/ui/accept-invitation.html +1 -1
- package/dist/ui/access-denied.html +1 -1
- package/dist/ui/account/automation.html +6 -6
- package/dist/ui/account/security.html +2 -2
- package/dist/ui/applications/compose.html +6 -6
- package/dist/ui/applications/new.html +1 -1
- package/dist/ui/data/backups.html +6 -6
- package/dist/ui/data/services.html +6 -6
- package/dist/ui/data/volumes.html +6 -6
- package/dist/ui/index.html +6 -6
- package/dist/ui/infrastructure/topology.html +6 -6
- package/dist/ui/integrations.html +2 -2
- package/dist/ui/operations/alerts.html +6 -6
- package/dist/ui/operations/configuration.html +6 -6
- package/dist/ui/operations/jobs.html +5 -5
- package/dist/ui/operations/maintenance.html +5 -5
- package/dist/ui/operations/observability.html +6 -6
- package/dist/ui/operations/previews.html +6 -6
- package/dist/ui/operations/queue.html +6 -6
- package/dist/ui/operations/regions.html +5 -5
- package/dist/ui/operations/releases.html +6 -6
- package/dist/ui/operations/spend.html +6 -6
- package/dist/ui/operations/workloads.html +6 -6
- package/dist/ui/security.html +2 -2
- package/dist/ui/server/actions.html +6 -6
- package/dist/ui/server/activity.html +1 -1
- package/dist/ui/server/capacity.html +6 -6
- package/dist/ui/server/database.html +6 -6
- package/dist/ui/server/deployments.html +6 -6
- package/dist/ui/server/diagnostics.html +2 -2
- package/dist/ui/server/firewall.html +6 -6
- package/dist/ui/server/fleet.html +6 -6
- package/dist/ui/server/logs.html +6 -6
- package/dist/ui/server/metrics.html +6 -6
- package/dist/ui/server/security.html +2 -2
- package/dist/ui/server/services.html +2 -2
- package/dist/ui/server/sites.html +6 -6
- package/dist/ui/server/ssh-keys.html +6 -6
- package/dist/ui/server/team.html +5 -5
- package/dist/ui/server/terminal.html +2 -2
- package/dist/ui/serverless/alarms.html +6 -6
- package/dist/ui/serverless/assets.html +2 -2
- package/dist/ui/serverless/cost.html +2 -2
- package/dist/ui/serverless/data.html +6 -6
- package/dist/ui/serverless/deployments.html +2 -2
- package/dist/ui/serverless/firewall.html +2 -2
- package/dist/ui/serverless/functions.html +6 -6
- package/dist/ui/serverless/logs.html +6 -6
- package/dist/ui/serverless/metrics.html +2 -2
- package/dist/ui/serverless/queues.html +6 -6
- package/dist/ui/serverless/secrets.html +6 -6
- package/dist/ui/serverless/traces.html +6 -6
- package/dist/ui/serverless.html +5 -5
- package/package.json +3 -3
- package/dist/bin/chunk-005sxfmc.js +0 -1
- package/dist/bin/chunk-4vgbynq6.js +0 -1
- package/dist/bin/chunk-bwvnfc74.js +0 -1
- package/dist/bin/chunk-cy4wwpnf.js +0 -1
- package/dist/bin/chunk-dxfsq94k.js +0 -2
- package/dist/bin/chunk-dy10cmt9.js +0 -1
- package/dist/chunk-8fcrgq31.js +0 -1
- package/dist/chunk-8msfne57.js +0 -2
- package/dist/chunk-eadp23eh.js +0 -1
- package/dist/chunk-jpbgr1wg.js +0 -1
- package/dist/chunk-w7710vzg.js +0 -1
- package/dist/chunk-xfdpxsbc.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="
|
|
1
|
+
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtv139cbr0b9xi"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Activity</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"><style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.b7a99a5c.css"></head><body data-stx-auto><a data-stx-scope="stx_scope_nav_21" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>stacks-production-app</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="active" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment & secrets</a><a class="" href="/data/backups?env=production">Backups & recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>stacks-production-app</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
|
|
2
2
|
(function() {
|
|
3
3
|
var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
4
4
|
var __destroyHooks = [];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="
|
|
2
|
-
function
|
|
1
|
+
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtv139cbr0b9xi"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Capacity & placement</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-scoped>
|
|
2
|
+
function __stx_setup_1789014582705_20() {
|
|
3
3
|
const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
4
4
|
|
|
5
5
|
const pools = state([]), placements = state([]), servers = state([]), decisions = state([]), selected = state(null), error = state(""), notice = state(""), adding = state(false);
|
|
@@ -62,9 +62,9 @@ function tone(status) {
|
|
|
62
62
|
|
|
63
63
|
return { pools, api, load, pollingState, pollingError, lastUpdatedAt, refresh, object, post, create, attach, action, explain, active, tone };
|
|
64
64
|
}
|
|
65
|
-
window.__stx_latestSetup=
|
|
66
|
-
if(window.stx)window.stx._latestSetup=
|
|
67
|
-
</script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="
|
|
65
|
+
window.__stx_latestSetup=__stx_setup_1789014582705_20;
|
|
66
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1789014582705_20;
|
|
67
|
+
</script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1789014582705_20"><a data-stx-scope="stx_scope_nav_27" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment & secrets</a><a class="" href="/data/backups?env=production">Backups & recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="active" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
|
|
68
68
|
(function() {
|
|
69
69
|
var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
70
70
|
var __destroyHooks = [];
|
|
@@ -415,6 +415,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1788993864429_19;
|
|
|
415
415
|
|
|
416
416
|
|
|
417
417
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
418
|
-
window.stx._scopes['
|
|
418
|
+
window.stx._scopes['stx_scope_nav_27'] = __scopeRegistration;
|
|
419
419
|
})();
|
|
420
420
|
</script> <main class="wrap" id="main-content"><div class="crumbs">Infrastructure <span class="sep">/</span> Capacity & placement</div><header class="page"><div><h1>Capacity & placement</h1><p>Separate production, build, worker, monitoring, and backup capacity with explainable scheduling and safe drains.</p></div><div class="actions" x-cloak><span class="pill" :class="pollingState()==='live'?'ok':'warn'" x-cloak>{{ pollingState() }}</span><small x-cloak>{{ lastUpdatedAt()?.toLocaleTimeString()||'connecting' }}</small><button class="btn sm" @click="adding.set(!adding())" x-cloak>{{ adding()?'Close':'New pool' }}</button></div></header><p class="notice" role="status" @show="!!notice()" x-cloak>{{ notice() }}</p><p class="bad notice" role="alert" @show="!!error()||!!pollingError()" x-cloak>{{ error()||pollingError() }}</p><form class="panel pool-form" @show="adding()" @submit="create($event)" x-cloak><label>Name<input name="name" required pattern="[a-z0-9][a-z0-9-]{1,62}"></label><label>Purpose<select name="purpose"><option>application</option><option>build</option><option>worker</option><option>monitoring</option><option>backup</option></select></label><label>Backend<select name="backend"><option>server</option><option>ecs</option><option>asg</option></select></label><label>Region<input name="region" placeholder="us-west-2"></label><label>Architecture<input name="architecture" placeholder="x86_64"></label><label>Capacity<input name="capacity" required value="cpu=4,memoryBytes=8589934592,diskBytes=53687091200"></label><label>Pool labels<input name="labels" placeholder="stage=production"></label><label>Server selector<input name="selector" placeholder="tier=application"></label><label>Maximum workloads<input name="maxWorkloads" type="number" min="1" value="10"></label><label>Concurrency<input name="concurrency" type="number" min="1" value="1"></label><label>Cost weight<input name="costWeight" type="number" min="0" step=".1" value="1"></label><button class="btn" type="submit">Create isolated pool</button></form><section class="layout" x-cloak><div class="cards" x-cloak><template :for="pool in pools()"><article class="card panel" x-cloak><div x-cloak><span class="pill" :class="tone(pool.status)" x-cloak>{{ pool.status }}</span><span class="pill" x-cloak>{{ pool.purpose }}</span><h2 x-cloak>{{ pool.name }}</h2><p x-cloak>{{ pool.backend }} · {{ pool.region||'any region' }} · {{ pool.architecture||'any architecture' }}</p></div><dl><div><dt>Capacity</dt><dd x-cloak>{{ pool.capacity.cpu }} CPU · {{ (pool.capacity.memoryBytes/1073741824).toFixed(1) }} GB</dd></div><div><dt>Workloads</dt><dd x-cloak>{{ active(pool).length }} / {{ pool.maxWorkloads }}</dd></div><div><dt>Build concurrency</dt><dd x-cloak>{{ pool.concurrency }}</dd></div></dl><button class="btn ghost sm" @click="selected.set(pool)">Manage</button></article></template></div><aside class="detail panel" @show="!!selected()" x-cloak><div class="actions" x-cloak><h2 x-cloak>{{ selected()?.name }}</h2><button class="btn ghost sm" @click="selected.set(null)">Close</button></div><p>Production secrets are denied to builders. Workspaces are ephemeral and artifacts must be content-addressed.</p><label>Add validated server<select @change="attach($event.currentTarget.value)"><option value="">Choose server</option><template :for="server in servers().filter(item=>item.status==='ready')"><option value="{{ server.id }}">{{ server.name }} · {{ server.roles.join(', ') }}</option></template></select></label><div class="actions"><button class="btn sm warn" @click="action('drain')">Drain safely</button><button class="btn ghost sm" @click="action('enable')">Enable</button><button class="btn danger sm" @click="action('disable')">Disable</button></div><h3>Active placements</h3><template :for="item in active(selected())"><p class="placement" x-cloak><b x-cloak>{{ item.purpose }}</b><span x-cloak>{{ item.status }} · {{ item.stateful?'stateful':'stateless' }}</span></p></template></aside></section><form class="explain panel" @submit="explain($event)"><div><h2>Explain a placement</h2><p>See every eligible and rejected target before scheduling.</p></div><label>Purpose<select name="purpose"><option>application</option><option>build</option><option>worker</option><option>monitoring</option><option>backup</option></select></label><label>Resources<input name="resources" value="cpu=1,memoryBytes=536870912"></label><label>Region<input name="region"></label><label>Architecture<input name="architecture"></label><label>Labels<input name="labels"></label><button class="btn" type="submit">Explain placement</button></form><section class="decisions" x-cloak><template :for="item in decisions()"><article class="panel" x-cloak><span class="pill" :class="item.eligible?'ok':'bad'" x-cloak>{{ item.eligible?'eligible':'rejected' }}</span><h3 x-cloak>{{ item.poolName }}</h3><p x-cloak>{{ item.serverId||'provider-managed' }}</p><p x-cloak>{{ item.reasons.join('; ')||'All requirements fit.' }}</p><small x-cloak>fit {{ item.score.fit.toFixed(2) }} · spread {{ item.score.spread }} · cost {{ item.score.cost }}</small></article></template></section></main><style>.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pool-form{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.pool-form label,.detail label,.explain label{display:grid;gap:.3rem}.layout{display:grid;grid-template-columns:1fr 400px;gap:1rem}.cards{display:grid;gap:1rem}.card{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:center}.card dl{display:flex;gap:1rem}.card dl div{display:grid}.card dt{font-size:.75rem;color:var(--muted)}.detail{position:sticky;top:1rem;align-self:start}.detail .actions h2{margin-right:auto}.placement{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:.5rem 0}.explain{display:grid;grid-template-columns:1.5fr repeat(5,1fr) auto;gap:.75rem;align-items:end;margin-top:1rem}.decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}@media(max-width:1000px){.layout{grid-template-columns:1fr}.detail{position:static}.pool-form,.explain,.decisions{grid-template-columns:1fr 1fr}.card{grid-template-columns:1fr}}@media(max-width:600px){.pool-form,.explain,.decisions{grid-template-columns:1fr}}</style></body></html>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="
|
|
1
|
+
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtv139cbr0b9xi"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables>;(function(){
|
|
2
2
|
window.__composables = window.__composables || {};
|
|
3
3
|
var __c = window.__composables;
|
|
4
4
|
var __stx = window.stx || {};
|
|
@@ -49,7 +49,7 @@ async function requestJson(url, init) {
|
|
|
49
49
|
window[__n] = __c[__n];
|
|
50
50
|
}
|
|
51
51
|
})();</script> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Databases</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-scoped>
|
|
52
|
-
function
|
|
52
|
+
function __stx_setup_1789014582707_21() {
|
|
53
53
|
const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
54
54
|
|
|
55
55
|
var EXTERNAL_ENGINES = undefined;
|
|
@@ -467,9 +467,9 @@ vschemaJson = __stxBundle_99e6809a782b["vschemaJson"];
|
|
|
467
467
|
vschemaKeyspace = __stxBundle_99e6809a782b["vschemaKeyspace"];
|
|
468
468
|
return { EXTERNAL_ENGINES, applySchema, applyVSchema, backupDb, backups, busy, createDb, createKeyspace, createUser, databases, dbError, dbName, ddlSql, engine, failedMigs, installClient, isExternal, isVitess, keyspaces, ksName, ksSharded, load, loadBackups, loadMigrations, loadVitess, migrationAction, migrations, missingPrimary, output, outputShown, post, provisionConfirm, provisionKeyspace, provisionPassword, provisionSharded, provisionUsername, provisionVitess, runningMigs, shards, show, tablets, uAccess, uDatabase, uName, uPass, unhealthy, users, vitessError, vschemaJson, vschemaKeyspace, __stxBundle_99e6809a782b };
|
|
469
469
|
}
|
|
470
|
-
window.__stx_latestSetup=
|
|
471
|
-
if(window.stx)window.stx._latestSetup=
|
|
472
|
-
</script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="
|
|
470
|
+
window.__stx_latestSetup=__stx_setup_1789014582707_21;
|
|
471
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1789014582707_21;
|
|
472
|
+
</script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1789014582707_21"><a data-stx-scope="stx_scope_nav_28" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>acme-production-app</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment & secrets</a><a class="" href="/data/backups?env=production">Backups & recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>acme-production-app</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
|
|
473
473
|
(function() {
|
|
474
474
|
var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
475
475
|
var __destroyHooks = [];
|
|
@@ -820,6 +820,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1788993864428_18;
|
|
|
820
820
|
|
|
821
821
|
|
|
822
822
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
823
|
-
window.stx._scopes['
|
|
823
|
+
window.stx._scopes['stx_scope_nav_28'] = __scopeRegistration;
|
|
824
824
|
})();
|
|
825
825
|
</script> <div class="wrap"><div class="crumbs"><a href="/">Server</a><span class="sep">/</span> Databases</div><header class="page"><div><h1>Databases & users</h1><p @show="!isExternal()" x-cloak>Create databases and app users on the managed engine (<span class="mono" x-cloak>{{ engine() }}</span>).</p><p @show="isExternal()" x-cloak><span class="mono" x-cloak>{{ engine() }}</span> is an external cluster. This box does not host the engine, so databases and users are managed on the cluster itself.</p></div></header><div class="section" @show="isVitess()" x-cloak><div class="panel"><div class="kv"><span>Engine</span><b class="mono">Vitess</b></div><div class="kv"><span>Endpoint</span><b class="mono">vtgate</b></div><div class="kv"><span>Keyspaces</span><b class="mono" x-cloak>{{ keyspaces().length }}</b></div><div class="kv"><span>Shards</span><b class="mono" x-cloak>{{ shards().length }}</b></div><div class="kv"><span>Tablets</span><b class="mono" x-cloak>{{ tablets().length }}</b></div></div></div><div class="section" @show="isVitess()" x-cloak><h2>Provision or reconcile Vitess</h2><div class="panel"><form class="form-grid" @submit.prevent="provisionVitess()"><div class="field-block"><label for="vitess-keyspace">Keyspace</label><input id="vitess-keyspace" placeholder="app_production" autocomplete="off" :value="provisionKeyspace()" @input="provisionKeyspace.set($event.target.value)"></div><div class="field-block"><label for="vitess-user">Application user</label><input id="vitess-user" placeholder="app" autocomplete="off" :value="provisionUsername()" @input="provisionUsername.set($event.target.value)"></div><div class="field-block"><label for="vitess-password">Write-only password</label><input id="vitess-password" type="password" minlength="16" autocomplete="new-password" :value="provisionPassword()" @input="provisionPassword.set($event.target.value)"></div><div class="field-block"><label for="vitess-topology">Topology</label><select id="vitess-topology" :value="provisionSharded() ? 'sharded' : 'unsharded'" @change="provisionSharded.set($event.target.value === 'sharded')"><option value="unsharded">Unsharded (recommended)</option><option value="sharded">Two shards</option></select></div><div class="field-block wide"><label for="vitess-confirm">Type the keyspace to confirm</label><input id="vitess-confirm" autocomplete="off" :value="provisionConfirm()" @input="provisionConfirm.set($event.target.value)"></div><div class="form-actions"><button class="btn" type="submit" :disabled="busy()">Provision with Pantry</button></div></form><p class="note">Uses the same typed cluster provisioner as <span class="mono">ts-cloud provision</span>: a loopback-only vtgate on 15306, authenticated application access, systemd services, topology bootstrap, and a serving-primary health gate. Running it again reconciles the same declaration.</p></div></div><div class="cols section" @show="!isExternal()" x-cloak><div><h2>Create database</h2><div class="panel"><form class="form-grid" @submit.prevent="createDb()"><div class="field-block wide"><label for="db-name">Name</label><input id="db-name" placeholder="acme_production" autocomplete="off" :value="dbName()" @input="dbName.set($event.target.value)"></div><div class="form-actions"><button class="btn" type="submit" :disabled="busy()">Create database</button></div></form></div></div><div><h2>Create user</h2><div class="panel"><form class="form-grid" @submit.prevent="createUser()"><div class="field-block"><label for="db-user">Username</label><input id="db-user" placeholder="acme_app" autocomplete="off" :value="uName()" @input="uName.set($event.target.value)"></div><div class="field-block"><label for="db-pass">Password</label><input id="db-pass" type="password" autocomplete="new-password" :value="uPass()" @input="uPass.set($event.target.value)"></div><div class="field-block"><label for="db-user-db">Grant on database</label><select id="db-user-db" :value="uDatabase()" @change="uDatabase.set($event.target.value)"><option value="">(none)</option><template :for="n in databases()"><option :value="n">{{ n }}</option></template></select></div><div class="field-block"><label for="db-access">Access</label><select id="db-access" :value="uAccess()" @change="uAccess.set($event.target.value)"><option value="all">all privileges</option><option value="readonly">read only</option></select></div><div class="form-actions"><button class="btn" type="submit" :disabled="busy()">Create user</button></div></form></div></div></div><pre class="action-output" @show="outputShown()" aria-live="polite" x-cloak>{{ output() }}</pre><div class="cols section"><div><h2 @show="!isVitess()" x-cloak>Databases</h2><h2 @show="isVitess()" x-cloak>Keyspaces</h2><div class="panel" x-cloak><template :for="n in databases()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ n }}</span><button class="btn ghost sm" type="button" @show="!isExternal()" :disabled="busy()" @click="backupDb(n)" :aria-label="'Back up ' + n" x-cloak>Back up</button></div></template><span class="item" @show="databases().length === 0 && dbError() !== ''" x-cloak>{{ dbError() }}</span><span class="item" @show="databases().length === 0 && dbError() === '' && !isVitess()" x-cloak>no databases</span><span class="item" @show="databases().length === 0 && dbError() === '' && isVitess()" x-cloak>no keyspaces</span></div></div><div @show="!isExternal()" x-cloak><h2>Users</h2><div class="panel" x-cloak><div class="svc" x-cloak><template :for="n in users()"><span class="item" x-cloak>{{ n }}</span></template><span class="item" @show="users().length === 0 && dbError() !== ''" x-cloak>{{ dbError() }}</span><span class="item" @show="users().length === 0 && dbError() === ''" x-cloak>no users</span></div></div></div><div @show="isVitess()" x-cloak><h2>Shards</h2><div class="panel" x-cloak><template :for="s in shards()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ s.keyspace }}/{{ s.shard }}</span></div></template><span class="item" @show="shards().length === 0" x-cloak>no shards reported</span></div></div></div><div class="section" @show="isVitess()" x-cloak><h2>Tablets</h2><div class="panel" @show="missingPrimary().length > 0" x-cloak><div class="compact empty" x-cloak><strong x-cloak>{{ missingPrimary().length }} shard(s) have no serving PRIMARY</strong><span>Vitess routes writes to a shard's primary. Without one the shard still answers reads and silently fails writes. Check tablet health, then reparent with <span class="mono">vtctldclient PlannedReparentShard</span>.</span></div><template :for="s in missingPrimary()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ s.keyspace }}/{{ s.shard }}</span><b class="mono">no primary</b></div></template></div><div class="panel" @show="unhealthy().length > 0" x-cloak><div class="compact empty" x-cloak><strong x-cloak>{{ unhealthy().length }} tablet(s) not serving</strong></div><template :for="t in unhealthy()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ t.keyspace }}/{{ t.shard }} {{ t.alias }}</span><b class="mono" x-cloak>{{ t.type }} {{ t.state }}</b></div></template></div><div class="panel" x-cloak><template :for="t in tablets()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ t.keyspace }}/{{ t.shard }} {{ t.alias }}</span><b class="mono" style="font-size:11px;color:var(--txt3)" x-cloak>{{ t.type }} {{ t.state }} {{ t.hostname }}</b></div></template><div class="compact empty" @show="tablets().length === 0 && vitessError() === ''" x-cloak><strong>No tablets reported</strong><span>vtgate returned no tablets for this cluster.</span></div><div class="compact empty" @show="vitessError() !== ''" x-cloak><strong>Could not read the Vitess topology</strong><span x-cloak>{{ vitessError() }}</span></div></div></div><div class="section" @show="isVitess()" x-cloak><h2>Schema migrations</h2><div class="panel" @show="failedMigs().length > 0" x-cloak><div class="compact empty" x-cloak><strong x-cloak>{{ failedMigs().length }} migration(s) failed</strong><span>A failed online DDL leaves the table unchanged. Retry once the cause is fixed, or cancel to discard it.</span></div><template :for="m in failedMigs()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ m.keyspace }}/{{ m.shard }} {{ m.table }}</span><span><button class="btn ghost sm" type="button" :disabled="busy()" @click="migrationAction(m.uuid, 'retry')">Retry</button><button class="btn ghost sm" type="button" :disabled="busy()" @click="migrationAction(m.uuid, 'cleanup')">Clean up</button></span></div></template></div><div class="panel" @show="runningMigs().length > 0" x-cloak><div class="compact empty" x-cloak><strong x-cloak>{{ runningMigs().length }} migration(s) in flight</strong></div><template :for="m in runningMigs()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ m.keyspace }}/{{ m.shard }} {{ m.table }} {{ m.progress }}</span><span><button class="btn ghost sm" type="button" :disabled="busy()" @click="migrationAction(m.uuid, 'complete')">Complete</button><button class="btn ghost sm" type="button" :disabled="busy()" @click="migrationAction(m.uuid, 'cancel')">Cancel</button></span></div></template></div><div class="panel" x-cloak><template :for="m in migrations()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ m.table }} <b style="color:var(--txt3)" x-cloak>{{ m.keyspace }}/{{ m.shard }}</b></span><b class="mono" style="font-size:11px;color:var(--txt3)" x-cloak>{{ m.status }} {{ m.progress }} {{ m.added }}</b></div></template><div class="compact empty" @show="migrations().length === 0" x-cloak><strong>No schema migrations</strong><span>Changes applied below appear here with live progress.</span></div></div><h2>Apply a schema change</h2><div class="panel"><form class="form-grid" @submit.prevent="applySchema()"><div class="field-block wide"><label for="ddl-sql">DDL</label><input id="ddl-sql" placeholder="ALTER TABLE users ADD COLUMN nickname VARCHAR(64)" autocomplete="off" :value="ddlSql()" @input="ddlSql.set($event.target.value)"></div><div class="form-actions"><button class="btn" type="submit" :disabled="busy()">Apply online</button></div></form><p class="note">Runs as Vitess online DDL: applied shard by shard without locking the keyspace, revertible, and tracked above. A direct (locking) change is a config choice, not a button, because on a sharded keyspace it is an outage rather than a migration.</p></div></div><div class="section" @show="isVitess()" x-cloak><h2>Topology</h2><div class="cols"><div><h3>Create keyspace</h3><div class="panel"><form class="form-grid" @submit.prevent="createKeyspace()"><div class="field-block wide"><label for="ks-name">Name</label><input id="ks-name" placeholder="commerce" autocomplete="off" :value="ksName()" @input="ksName.set($event.target.value)"></div><div class="field-block"><label for="ks-sharded">Sharded</label><select id="ks-sharded" :value="ksSharded() ? 'yes' : 'no'" @change="ksSharded.set($event.target.value === 'yes')"><option value="yes">sharded</option><option value="no">unsharded</option></select></div><div class="form-actions"><button class="btn" type="submit" :disabled="busy()">Create keyspace</button></div></form><p class="note">A sharded keyspace is not routable until its VSchema names a vindex per table. Apply one next.</p></div></div><div><h3>Apply VSchema</h3><div class="panel"><form class="form-grid" @submit.prevent="applyVSchema()"><div class="field-block"><label for="vs-ks">Keyspace</label><select id="vs-ks" :value="vschemaKeyspace()" @change="vschemaKeyspace.set($event.target.value)"><option value="">(select)</option><template :for="k in keyspaces()"><option :value="k">{{ k }}</option></template></select></div><div class="field-block wide"><label for="vs-json">VSchema JSON</label><input id="vs-json" placeholder='paste database/vschema.json' autocomplete="off" :value="vschemaJson()" @input="vschemaJson.set($event.target.value)"></div><div class="form-actions"><button class="btn" type="submit" :disabled="busy()">Apply VSchema</button></div></form><p class="note">Generate it with <span class="mono">buddy generate:vschema</span>, which derives the sharding topology from your model relationships.</p></div></div></div><div class="panel"><div class="kv"><span>Control plane</span><button class="btn ghost sm" type="button" :disabled="busy()" @click="installClient()">Install vtctldclient</button></div><p class="note">Creating a keyspace and applying a VSchema are vtctld operations, so they need <span class="mono">vitess.vtctldAddr</span> configured and the client installed. Everything else on this page works through vtgate alone.</p></div></div><div class="section" @show="isVitess()" x-cloak><h2>Setup</h2><div class="panel"><div class="kv"><span>1. Point the app at vtgate</span><b class="mono">DB_CONNECTION=vitess, DB_PORT=15306</b></div><div class="kv"><span>2. Generate the VSchema</span><b class="mono">buddy generate:vschema</b></div><div class="kv"><span>3. Apply it</span><b class="mono">vtctldclient ApplyVSchema --vschema-file database/vschema.json <keyspace></b></div><div class="kv"><span>4. Apply schema changes</span><b class="mono">vtctldclient ApplySchema --sql-file <file> <keyspace></b></div><p class="note">Port 15306 is vtgate's. Connecting on 3306 reaches one tablet's MySQL and bypasses sharding, which looks like a working connection. A sharded keyspace also rejects foreign keys and AUTO_INCREMENT, so models need <span class="mono">useUuid</span>.</p></div></div><div class="section" @show="!isExternal()" x-cloak><h2>Backups</h2><div class="panel" x-cloak><template :for="b in backups()"><div class="kv" x-cloak><span class="mono" x-cloak>{{ b.database }}</span><b class="mono" style="font-size:11px;color:var(--txt3)" x-cloak>{{ b.file }}</b></div></template><div class="compact empty" @show="backups().length === 0" x-cloak><strong>No database dumps yet</strong><span>Use Back up on a database above to write a gzipped dump to the box.</span></div></div></div><p class="note" @show="!isExternal()" x-cloak>Lists are read live from the engine via the app server. Create operations run as root over the pantry socket; apps connect with the credentials you set here. Per-database dumps are written to <span class="mono">/var/backups/ts-cloud/databases</span>.</p><p class="note" @show="isExternal()" x-cloak>Read live from the cluster through the app server. Creating databases or users, and taking backups, are cluster-side operations and are not offered here - this box hosts no engine to administer.</p></div></body></html>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="
|
|
2
|
-
function
|
|
1
|
+
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtv139cbr0b9xi"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.9fd39d5b.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Deployments</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-scoped>
|
|
2
|
+
function __stx_setup_1789014582854_24() {
|
|
3
3
|
const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
4
4
|
|
|
5
5
|
var initialDeps = [];
|
|
@@ -162,9 +162,9 @@ tone = __stxBundle_5f35de5a3ce9["tone"];
|
|
|
162
162
|
typed = __stxBundle_5f35de5a3ce9["typed"];
|
|
163
163
|
return { askOp, busy, canRun, cancelOp, confirmDanger, confirmLabel, confirmTok, confirmVerb, deps, filtered, initialFilters, opOutput, opShown, pending, refresh, runOp, setFilter, site, sites, status, tone, typed, __stxBundle_5f35de5a3ce9 };
|
|
164
164
|
}
|
|
165
|
-
window.__stx_latestSetup=
|
|
166
|
-
if(window.stx)window.stx._latestSetup=
|
|
167
|
-
</script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="
|
|
165
|
+
window.__stx_latestSetup=__stx_setup_1789014582854_24;
|
|
166
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1789014582854_24;
|
|
167
|
+
</script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1789014582854_24"><a data-stx-scope="stx_scope_nav_30" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>acme-production-app</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="active" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment & secrets</a><a class="" href="/data/backups?env=production">Backups & recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>acme-production-app</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
|
|
168
168
|
(function() {
|
|
169
169
|
var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
170
170
|
var __destroyHooks = [];
|
|
@@ -515,6 +515,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1788993864604_24;
|
|
|
515
515
|
|
|
516
516
|
|
|
517
517
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
518
|
-
window.stx._scopes['
|
|
518
|
+
window.stx._scopes['stx_scope_nav_30'] = __scopeRegistration;
|
|
519
519
|
})();
|
|
520
520
|
</script> <div class="wrap"><div class="crumbs"><a href="/">Server</a><span class="sep">/</span> Deployments</div><header class="page"><div><h1>Deployments</h1><p>Server release history, newest first.</p></div><div class="cmds header-actions"><span class="accent cmd">cloud server:deploy acme-production-app</span></div></header><div class="section"><div class="panel"><div class="chart-panel subtle"><svg class="chart deployment-chart disabled" viewBox="0 0 640 164" role="img" aria-label="No deployment history"><rect x="1" y="1" width="638" height="162" rx="14" class="chart-shell"></rect><text x="320" y="76" text-anchor="middle" class="chart-empty-title">No deploy records yet</text><text x="320" y="100" text-anchor="middle" class="chart-empty-sub">Deploy again and this timeline will fill in automatically.</text></svg></div><div class="filters"><div class="segmented" role="group" aria-label="Filter deployment status"><button type="button" :class="{ active: status() === 'all' }" @click="setFilter('status', 'all', status)">All</button><button type="button" :class="{ active: status() === 'success' }" @click="setFilter('status', 'success', status)">Success</button><button type="button" :class="{ active: status() === 'failed' }" @click="setFilter('status', 'failed', status)">Failed</button></div><label class="select-filter"><span>Site</span><select :value="site()" @change="setFilter('site', $event.target.value, site)"><option value="all">All sites</option><template :for="s in sites()"><option :value="s">{{ s }}</option></template></select></label></div><table><thead><tr><th scope="col">Build</th><th scope="col">Site</th><th scope="col">Branch</th><th scope="col">Status</th><th scope="col">Steps</th><th scope="col">By</th><th scope="col">Took</th><th scope="col">When</th><th scope="col">Action</th></tr></thead><tbody><template :for="d in filtered()"><tr><td class="mono" x-cloak>{{ d.sha }}</td><td x-cloak><b x-cloak>{{ d.site }}</b></td><td class="mono" style="color:var(--txt3)" x-cloak>{{ d.branch }}</td><td x-cloak><span class="pill" :class="tone(d.status)" x-cloak>{{ d.status }}</span></td><td class="mono" style="font-size:11px;color:var(--txt3)" x-cloak>{{ d.steps.join(' · ') }}</td><td style="color:var(--txt2)" x-cloak>{{ d.by }}</td><td class="mono" x-cloak>{{ d.took }}</td><td style="color:var(--txt3)" x-cloak>{{ d.when }}</td><td class="table-actions"><span class="mono">read only</span></td></tr></template></tbody></table><div class="empty" @show="deps().length === 0" x-cloak><strong>No deployments yet</strong><span>No deployment history has been recorded yet.</span></div><div class="compact empty" @show="deps().length > 0 && filtered().length === 0" x-cloak><strong>No matches</strong><span>Try a different status or site filter.</span></div><div class="op-confirm panel" @show="pending() !== null" role="group" aria-labelledby="op-confirm-prompt" x-cloak><span id="op-confirm-prompt" x-cloak>Type <b class="mono" x-cloak>{{ confirmTok() }}</b> to {{ confirmVerb() }}:</span><input data-stx-ref="opConfirmInput" class="op-confirm-input" :value="typed()" @input="typed.set($event.target.value)" @keydown.enter="runOp()" placeholder="confirm" autocomplete="off" aria-labelledby="op-confirm-prompt"><button type="button" class="btn sm" :class="{ danger: confirmDanger() }" :disabled="!canRun()" @click="runOp()" x-cloak>{{ confirmLabel() }}</button><button type="button" class="btn ghost sm" :disabled="busy()" @click="cancelOp()">Cancel</button></div><pre class="action-output op-output" @show="opShown()" aria-live="polite" x-cloak>{{ opOutput() }}</pre><p class="note">Roll back a site to any prior release, or inspect a box with <span class="mono">cloud server:logs acme-production-app</span>.</p></div></div></div></body></html>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="
|
|
1
|
+
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtv139cbr0b9xi"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Diagnostics</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"><style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx-auto><a data-stx-scope="stx_scope_nav_26" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>stacks-production-app</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="active" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment & secrets</a><a class="" href="/data/backups?env=production">Backups & recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>stacks-production-app</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
|
|
2
2
|
(function() {
|
|
3
3
|
var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
4
4
|
var __destroyHooks = [];
|
|
@@ -349,6 +349,6 @@
|
|
|
349
349
|
|
|
350
350
|
|
|
351
351
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
352
|
-
window.stx._scopes['
|
|
352
|
+
window.stx._scopes['stx_scope_nav_26'] = __scopeRegistration;
|
|
353
353
|
})();
|
|
354
354
|
</script> <div class="wrap"><div class="crumbs"><a href="/">Server</a><span class="sep">/</span> Diagnostics</div><header class="page"><div><h1>Diagnostics</h1><p>Config, route, service, firewall, and probe checks in one place.</p></div><div class="cmds header-actions"><span class="accent cmd">cloud doctor</span><span class="cmd">cloud status</span></div></header><div class="section"><h2>Doctor checks</h2><div class="check-list panel"><div class="check warn"><span class="mark"></span><div><div class="name">Live server probe</div><div class="detail">Run the local dashboard against a configured server to fetch live diagnostics.</div></div></div></div></div><div class="cols section"><div><h2>Service status</h2><div class="panel"><div class="compact empty"><strong>No service probe</strong><span>Service diagnostics appear after the dashboard can reach the server.</span></div></div></div><div><h2>Route warnings</h2><div class="panel"><div class="compact empty"><strong>No shadowed routes</strong><span>Site routes are not masking each other.</span></div></div></div></div><div class="section"><h2>Recent warnings</h2><div class="panel"><div class="compact empty"><strong>No warnings found</strong><span>Warning and error logs will show here as the server emits them.</span></div></div></div></div></body></html>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="
|
|
2
|
-
function
|
|
1
|
+
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtv139cbr0b9xi"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.d5301f79.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Firewall</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-scoped>
|
|
2
|
+
function __stx_setup_1789014582813_22() {
|
|
3
3
|
const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
4
4
|
|
|
5
5
|
var initialAlwaysOpen = [22,80,443];
|
|
@@ -314,9 +314,9 @@ typed = __stxBundle_232567ce2db8["typed"];
|
|
|
314
314
|
working = __stxBundle_232567ce2db8["working"];
|
|
315
315
|
return { addIpRule, allowPort, alwaysOpen, applyLine, askOp, askRemove, busy, canRun, cancelOp, confirmDanger, confirmLabel, confirmTok, confirmVerb, ipRules, load, loadProtection, message, messageKind, newPort, opOutput, opShown, pending, ports, posture, protect, removeIpRule, removePort, reserved, runOp, setMessage, submitIpRule, toggleAttackMode, togglePause, typed, working, __stxBundle_232567ce2db8 };
|
|
316
316
|
}
|
|
317
|
-
window.__stx_latestSetup=
|
|
318
|
-
if(window.stx)window.stx._latestSetup=
|
|
319
|
-
</script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="
|
|
317
|
+
window.__stx_latestSetup=__stx_setup_1789014582813_22;
|
|
318
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1789014582813_22;
|
|
319
|
+
</script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1789014582813_22"><a data-stx-scope="stx_scope_nav_25" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>stacks-production-app</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="active" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment & secrets</a><a class="" href="/data/backups?env=production">Backups & recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>stacks-production-app</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
|
|
320
320
|
(function() {
|
|
321
321
|
var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
322
322
|
var __destroyHooks = [];
|
|
@@ -667,6 +667,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1788993864550_22;
|
|
|
667
667
|
|
|
668
668
|
|
|
669
669
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
670
|
-
window.stx._scopes['
|
|
670
|
+
window.stx._scopes['stx_scope_nav_25'] = __scopeRegistration;
|
|
671
671
|
})();
|
|
672
672
|
</script> <div class="wrap"><div class="crumbs"><a href="/">Server</a><span class="sep">/</span> Firewall</div><header class="page"><div><h1>Firewall</h1><p>ts-cloud reconciles the host firewall (UFW) from cloud config on every deploy. SSH (22), HTTP (80), and HTTPS (443) are always open and cannot be changed here.</p></div><div class="cmds header-actions"><span class="accent cmd">cloud server:secure stacks-production-app</span></div></header><div class="section"><h2>Mitigation posture</h2><div class="panel" x-cloak><p class="notice" :class="posture()?.attackMode || posture()?.mitigationPaused ? 'warn' : ''" @show="!!posture()" x-cloak>{{ posture()?.summary }}</p><p class="note" @show="!posture()" x-cloak>Protection controls are unavailable for this account.</p><div class="actions" @show="!!posture()" x-cloak><button class="btn ghost sm" :disabled="working()" @click="toggleAttackMode(!posture()?.attackMode)" x-cloak>{{ posture()?.attackMode ? 'Turn attack mode off' : 'Turn attack mode on' }}</button><button class="btn danger ghost sm" :disabled="working()" @click="togglePause(!posture()?.mitigationPaused)" x-cloak>{{ posture()?.mitigationPaused ? 'Resume mitigation' : 'Pause mitigation' }}</button></div><p class="note">Attack mode challenges every visitor, so it is time-boxed and lifts itself. Pausing mitigation serves and bills all traffic, including attacks, and is capped at 24 hours.</p></div></div><div class="section"><h2>IP rules</h2><div class="panel"><form class="inline-form" @submit="submitIpRule($event)"><select name="list" aria-label="List"><option value="block">Block</option><option value="allow">Allow</option></select><input name="cidr" placeholder="203.0.113.0/24" aria-label="IP or CIDR" required><button class="btn sm" type="submit" :disabled="working()">Add</button></form><table><thead><tr><th scope="col">List</th><th scope="col">CIDR</th><th scope="col"></th></tr></thead><tbody><template :for="cidr in ipRules().allow"><tr><td><span class="ok pill">allow</span></td><td class="mono" x-cloak>{{ cidr }}</td><td><button class="btn ghost sm" :disabled="working()" @click="removeIpRule('allow', cidr)">Remove</button></td></tr></template><template :for="cidr in ipRules().block"><tr><td><span class="bad pill">block</span></td><td class="mono" x-cloak>{{ cidr }}</td><td><button class="btn ghost sm" :disabled="working()" @click="removeIpRule('block', cidr)">Remove</button></td></tr></template></tbody></table><div class="empty" @show="!ipRules().allow.length && !ipRules().block.length" x-cloak><strong>No IP rules</strong><span>Allowed ranges bypass every limit; blocked ranges are dropped at the kernel.</span></div><p class="note">Allow wins over block, so a range cannot sit on both lists. Rules apply on the next deploy.</p></div></div><div class="section"><h2>Always open</h2><div class="panel"><div class="port-grid"><template :for="p in alwaysOpen()"><div class="port-card"><div class="top"><span class="tag">tcp</span><span class="ok pill">reserved</span></div><div class="listen mono" x-cloak>{{ p }}</div><div class="proc">Always allowed by ts-cloud</div></div></template></div><p class="note">These ports keep SSH, HTTP, and HTTPS reachable. They are read-only and managed by the framework.</p></div></div><div class="section"><h2>Allow a port</h2><div class="panel"><form class="form-grid" @submit.prevent="allowPort()"><div class="field-block"><label for="fw-port">Port</label><input id="fw-port" type="number" min="1" max="65535" autocomplete="off" placeholder="8080" :value="newPort()" @input="newPort.set($event.target.value)" required></div><div class="form-actions"><button class="btn" type="submit" :disabled="working()">Allow</button><span class="msg" :class="messageKind()" role="status" x-cloak>{{ message() }}</span></div></form></div></div><div class="section"><h2>Managed ports</h2><div class="panel"><div class="port-grid" @show="ports().length > 0" x-cloak><template :for="p in ports()"><div class="port-card"><div class="top"><span class="tag">tcp</span><button type="button" class="btn danger sm" :aria-label="'Remove firewall port ' + p" @click="askRemove(p)">Remove</button></div><div class="listen mono" x-cloak>{{ p }}</div><div class="proc">Allowed via cloud config</div></div></template></div><div class="compact empty" @show="ports().length === 0" x-cloak><strong>No extra ports configured</strong><span>Only 22, 80, and 443 are open. Allow a port above to update <span class="mono">infrastructure.compute.firewall</span>.</span></div><div class="op-confirm panel" @show="pending() !== null" role="group" aria-labelledby="op-confirm-prompt" x-cloak><span id="op-confirm-prompt" x-cloak>Type <b class="mono" x-cloak>{{ confirmTok() }}</b> to {{ confirmVerb() }}:</span><input data-stx-ref="opConfirmInput" class="op-confirm-input" :value="typed()" @input="typed.set($event.target.value)" @keydown.enter="runOp()" placeholder="confirm" autocomplete="off" aria-labelledby="op-confirm-prompt"><button type="button" class="btn sm" :class="{ danger: confirmDanger() }" :disabled="!canRun()" @click="runOp()" x-cloak>{{ confirmLabel() }}</button><button type="button" class="btn ghost sm" :disabled="busy()" @click="cancelOp()">Cancel</button></div><pre class="action-output op-output" @show="opShown()" aria-live="polite" x-cloak>{{ opOutput() }}</pre><p class="note">Ports are declarative: this page edits <span class="mono">infrastructure.compute.firewall</span> in cloud config and applies <span class="mono">ufw allow</span> / <span class="mono">ufw delete allow</span> live on the box. The full config is reconciled again on the next <span class="mono">cloud deploy</span>.</p></div></div></div></body></html>
|