@syncular/console 0.0.4-26 → 0.0.6-100
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/App.d.ts +3 -7
- package/dist/App.d.ts.map +1 -1
- package/dist/App.js +3 -3
- package/dist/App.js.map +1 -1
- package/dist/hooks/ConnectionContext.d.ts +4 -1
- package/dist/hooks/ConnectionContext.d.ts.map +1 -1
- package/dist/hooks/ConnectionContext.js +116 -28
- package/dist/hooks/ConnectionContext.js.map +1 -1
- package/dist/hooks/useConsoleApi.d.ts +11 -1
- package/dist/hooks/useConsoleApi.d.ts.map +1 -1
- package/dist/hooks/useConsoleApi.js +78 -0
- package/dist/hooks/useConsoleApi.js.map +1 -1
- package/dist/hooks/useLiveEvents.d.ts.map +1 -1
- package/dist/hooks/useLiveEvents.js +116 -3
- package/dist/hooks/useLiveEvents.js.map +1 -1
- package/dist/layout.d.ts +4 -1
- package/dist/layout.d.ts.map +1 -1
- package/dist/layout.js +8 -7
- package/dist/layout.js.map +1 -1
- package/dist/lib/api.d.ts +1 -1
- package/dist/lib/api.d.ts.map +1 -1
- package/dist/lib/api.js +36 -4
- package/dist/lib/api.js.map +1 -1
- package/dist/lib/types.d.ts +13 -0
- package/dist/lib/types.d.ts.map +1 -1
- package/dist/mount.d.ts +1 -0
- package/dist/mount.d.ts.map +1 -1
- package/dist/mount.js +1 -1
- package/dist/mount.js.map +1 -1
- package/dist/pages/Config.d.ts +3 -1
- package/dist/pages/Config.d.ts.map +1 -1
- package/dist/pages/Config.js +24 -17
- package/dist/pages/Config.js.map +1 -1
- package/dist/pages/Fleet.d.ts +3 -1
- package/dist/pages/Fleet.d.ts.map +1 -1
- package/dist/pages/Fleet.js +6 -3
- package/dist/pages/Fleet.js.map +1 -1
- package/dist/pages/Ops.js.map +1 -1
- package/dist/pages/Storage.d.ts +2 -0
- package/dist/pages/Storage.d.ts.map +1 -0
- package/dist/pages/Storage.js +103 -0
- package/dist/pages/Storage.js.map +1 -0
- package/dist/pages/Stream.d.ts.map +1 -1
- package/dist/pages/Stream.js +2 -3
- package/dist/pages/Stream.js.map +1 -1
- package/dist/pages/index.d.ts +1 -0
- package/dist/pages/index.d.ts.map +1 -1
- package/dist/pages/index.js +1 -0
- package/dist/pages/index.js.map +1 -1
- package/dist/routeTree.d.ts +1 -1
- package/dist/routeTree.d.ts.map +1 -1
- package/dist/routeTree.js +2 -0
- package/dist/routeTree.js.map +1 -1
- package/dist/routes/__root.d.ts +1 -1
- package/dist/routes/__root.d.ts.map +1 -1
- package/dist/routes/config.d.ts +1 -1
- package/dist/routes/config.d.ts.map +1 -1
- package/dist/routes/fleet.d.ts +1 -1
- package/dist/routes/fleet.d.ts.map +1 -1
- package/dist/routes/index.d.ts +1 -1
- package/dist/routes/index.d.ts.map +1 -1
- package/dist/routes/investigate-commit.d.ts +1 -1
- package/dist/routes/investigate-commit.d.ts.map +1 -1
- package/dist/routes/investigate-event.d.ts +1 -1
- package/dist/routes/investigate-event.d.ts.map +1 -1
- package/dist/routes/ops.d.ts +1 -1
- package/dist/routes/ops.d.ts.map +1 -1
- package/dist/routes/storage.d.ts +2 -0
- package/dist/routes/storage.d.ts.map +1 -0
- package/dist/routes/storage.js +9 -0
- package/dist/routes/storage.js.map +1 -0
- package/dist/routes/stream.d.ts +1 -1
- package/dist/routes/stream.d.ts.map +1 -1
- package/dist/static-server.d.ts.map +1 -1
- package/dist/static-server.js +6 -1
- package/dist/static-server.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +9 -9
- package/src/App.tsx +12 -10
- package/src/__tests__/static-server.test.ts +193 -0
- package/src/hooks/ConnectionContext.tsx +135 -29
- package/src/hooks/useConsoleApi.ts +103 -0
- package/src/hooks/useLiveEvents.ts +142 -4
- package/src/layout.tsx +35 -5
- package/src/lib/api.ts +38 -5
- package/src/lib/types.ts +17 -0
- package/src/mount.tsx +6 -1
- package/src/pages/Config.tsx +57 -49
- package/src/pages/Fleet.tsx +19 -17
- package/src/pages/Storage.tsx +277 -0
- package/src/pages/Stream.tsx +6 -3
- package/src/pages/index.ts +1 -0
- package/src/routeTree.ts +2 -0
- package/src/routes/storage.tsx +9 -0
- package/src/static-server.ts +12 -1
- package/src/styles/globals.css +4 -1
- package/web-dist/assets/index-D8JLMM1I.js +86 -0
- package/web-dist/assets/index-D_fQabjS.css +1 -0
- package/web-dist/console.css +1 -1
- package/web-dist/index.html +2 -2
- package/web-dist/site.webmanifest +2 -2
- package/web-dist/assets/index-CTkQp6YC.js +0 -86
- package/web-dist/assets/index-j_U2SoXa.css +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}:root,:host{--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--tracking-wide:.025em;--tracking-wider:.05em;--ease-out:cubic-bezier(0,0,.2,1)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mt-2{margin-top:calc(var(--spacing)*-2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.table{display:table}.h-7{height:calc(var(--spacing)*7)}.h-\[200px\]{height:200px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[70vh\]{max-height:70vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-\[110px\]{width:110px}.max-w-\[220px\]{max-width:220px}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--syncular-radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--syncular-color-border)}.bg-background{background-color:var(--syncular-color-background)}.bg-surface{background-color:var(--syncular-color-surface)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-\[42px\]{padding-top:42px}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-\[32px\]{padding-bottom:32px}.font-mono{font-family:var(--syncular-font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-flow{color:var(--syncular-color-flow)}.text-foreground{color:var(--syncular-color-foreground)}.text-foreground-muted{color:var(--syncular-color-foreground-muted)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-offline{color:var(--syncular-color-offline)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:where(.syncular-console-root,.syncular-ui-root){--syncular-color-background:#0c0c0c;--syncular-color-surface:#0c0c0c;--syncular-color-panel:#111;--syncular-color-panel-alt:#0e0e0e;--syncular-color-border:#1e1e1e;--syncular-color-border-bright:#2a2a2a;--syncular-color-healthy:#22c55e;--syncular-color-syncing:#f59e0b;--syncular-color-offline:#ef4444;--syncular-color-flow:#3b82f6;--syncular-color-relay:#8b5cf6;--syncular-color-encrypt:#f472b6;--syncular-color-foreground:#e5e5e5;--syncular-color-foreground-muted:#737373;--syncular-color-primary:#22c55e;--syncular-color-destructive:#ef4444;--syncular-color-secondary:#1e1e1e;--syncular-font-display:"Inter Tight",system-ui,sans-serif;--syncular-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--syncular-radius-sm:4px;--syncular-radius-md:6px;--syncular-radius-lg:8px;--syncular-radius-xl:10px;--syncular-glow-healthy:0 0 6px #22c55e;--syncular-glow-syncing:0 0 6px #f59e0b;--syncular-glow-offline:0 0 6px #ef4444;--syncular-glow-flow:0 0 6px #3b82f6;--syncular-glow-relay:0 0 6px #8b5cf6;--syncular-glow-encrypt:0 0 6px #f472b6;--color-background:var(--syncular-color-background);--color-surface:var(--syncular-color-surface);--color-panel:var(--syncular-color-panel);--color-panel-alt:var(--syncular-color-panel-alt);--color-border:var(--syncular-color-border);--color-border-bright:var(--syncular-color-border-bright);--color-healthy:var(--syncular-color-healthy);--color-syncing:var(--syncular-color-syncing);--color-offline:var(--syncular-color-offline);--color-flow:var(--syncular-color-flow);--color-relay:var(--syncular-color-relay);--color-encrypt:var(--syncular-color-encrypt);--color-foreground:var(--syncular-color-foreground);--color-foreground-muted:var(--syncular-color-foreground-muted);--color-primary:var(--syncular-color-primary);--color-destructive:var(--syncular-color-destructive);--color-secondary:var(--syncular-color-secondary);--font-display:var(--syncular-font-display);--font-mono:var(--syncular-font-mono);--radius-sm:var(--syncular-radius-sm);--radius-md:var(--syncular-radius-md);--radius-lg:var(--syncular-radius-lg);--radius-xl:var(--syncular-radius-xl);--sync-glow-healthy:var(--syncular-glow-healthy);--sync-glow-syncing:var(--syncular-glow-syncing);--sync-glow-offline:var(--syncular-glow-offline);--sync-glow-flow:var(--syncular-glow-flow);--sync-glow-relay:var(--syncular-glow-relay);--sync-glow-encrypt:var(--syncular-glow-encrypt);background:var(--syncular-color-background);color:var(--syncular-color-foreground);font-family:var(--syncular-font-display),ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:where(.syncular-console-root,.syncular-ui-root) .font-mono{font-family:var(--syncular-font-mono),ui-monospace,monospace}:where(.syncular-console-root,.syncular-ui-root) ::-webkit-scrollbar{width:3px;height:3px}:where(.syncular-console-root,.syncular-ui-root) ::-webkit-scrollbar-track{background:0 0}:where(.syncular-console-root,.syncular-ui-root) ::-webkit-scrollbar-thumb{background:#333;border-radius:2px}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes dashFlow{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}@keyframes streamSlide{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scanSweep{0%{opacity:0;top:0}10%{opacity:.6}90%{opacity:.6}to{opacity:0;top:100%}}@keyframes heartbeat{0%,40%,to{transform:scaleY(1)}10%{transform:scaleY(2.5)}25%{transform:scaleY(1.5)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:where(.syncular-console-root,.syncular-ui-root) .line-active{stroke-dasharray:4 2;animation:1s linear infinite dashFlow}:where(.syncular-console-root,.syncular-ui-root) .stream-entry{animation:.35s ease-out streamSlide}:where(.syncular-console-root,.syncular-ui-root) .dot-pulse{animation:1.4s ease-in-out infinite dotPulse}@keyframes flowPulse{0%{opacity:.15}50%{opacity:.6}to{opacity:.15}}:where(.syncular-console-root,.syncular-ui-root) .flow-arrow{animation:2s ease-in-out infinite flowPulse}@keyframes mediaLoad{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}:where(.syncular-console-root,.syncular-ui-root) .dot-grid{background-image:radial-gradient(circle at 1px 1px,#1a1a1a 1px,#0000 0);background-size:24px 24px}:where(.syncular-console-root,.syncular-ui-root) .scan-line{pointer-events:none;background:linear-gradient(90deg,#0000,#3b82f64d,#0000);height:1px;animation:6s ease-in-out infinite scanSweep;position:absolute;left:0;right:0}:where(.syncular-console-root){color-scheme:dark}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|