@fluojs/studio 1.0.8 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ko.md +28 -17
- package/README.md +28 -17
- package/dist/assets/index-BKRrd1IN.js +268 -0
- package/dist/assets/index-C3sr4y-k.css +1 -0
- package/dist/contracts.d.ts +132 -11
- package/dist/contracts.d.ts.map +1 -1
- package/dist/contracts.js +80 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.html +2 -2
- package/dist/index.js +1 -1
- package/dist/viewer-cli.js +10 -0
- package/dist/viewer-server.js +189 -0
- package/package.json +11 -7
- package/dist/assets/index-nyR3HCaJ.js +0 -78
- package/dist/assets/index-ort96Zw9.css +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070b16;color:#e5e7eb}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(59,130,246,.22),transparent 34rem),radial-gradient(circle at 80% 10%,rgba(14,165,233,.16),transparent 28rem),linear-gradient(180deg,#07101f,#0b1020 55%,#070b16);color:#e5e7eb}button,input{font:inherit}main{width:min(1480px,calc(100vw - 32px));margin:0 auto;padding:28px 0 48px}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(34px,5vw,68px);letter-spacing:-.065em;line-height:.95}h2{margin-bottom:10px;font-size:22px;letter-spacing:-.03em}h3{margin-bottom:8px}p{line-height:1.65}code{border:1px solid rgba(148,163,184,.26);border-radius:8px;background:#0f172ad1;color:#bfdbfe;padding:2px 7px}.studio-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:18px;border:1px solid rgba(147,197,253,.2);border-radius:28px;background:linear-gradient(135deg,#0f172ac2,#1e293b94);box-shadow:0 28px 90px #00000047;padding:32px}.studio-hero p{max-width:820px;color:#b6c4d8}.hero-command{border:1px solid rgba(96,165,250,.42);border-radius:18px;background:#0f172ae6;box-shadow:inset 0 1px #ffffff0d;padding:14px 18px;white-space:nowrap}.card{border:1px solid rgba(148,163,184,.2);border-radius:22px;background:linear-gradient(180deg,#0f172ae0,#111827d1);box-shadow:0 20px 80px #00000038;padding:18px;margin-bottom:16px}.section-title-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 6px;color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mode-badge,.status-pill,.chip{display:inline-flex;align-items:center;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#0f172ab8;color:#cbd5e1;padding:5px 10px;font-size:12px;line-height:1.2}.mode-badge{color:#bfdbfe}.status-pill-success{border-color:#22c55e5c;color:#bbf7d0}.status-pill-warning{border-color:#f59e0b6b;color:#fde68a}.status-pill-danger{border-color:#f871716b;color:#fecaca}.status-pill-accent{border-color:#60a5fa6b;color:#bfdbfe}.status-pill-muted{color:#94a3b8}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.muted{color:#94a3b8}.notice{margin:12px 0 0;color:#93c5fd}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{border:1px solid rgba(96,165,250,.32);border-radius:12px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;cursor:pointer;padding:9px 13px}button:disabled{border-color:#64748b47;background:#475569;cursor:not-allowed}button:hover:not(:disabled),button:focus-visible:not(:disabled){border-color:#93c5fdcc;outline:none;transform:translateY(-1px)}label{display:block;margin-bottom:10px}input[type=text]{width:100%;margin-top:6px;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:#0f172ad1;color:#e5e7eb;padding:10px 12px}input[type=file]{width:100%;border:1px dashed rgba(148,163,184,.36);border-radius:14px;padding:16px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}.filter-row span{color:#cbd5e1;font-weight:700}.uploader.drag-active{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa59 inset}.live-connection{position:relative;overflow:hidden}.live-connection:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.14),transparent 26rem);content:"";pointer-events:none}.live-status-main{position:relative;display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.connection-orb-wrap{display:grid;gap:8px;justify-items:center;min-width:120px;text-transform:uppercase}.connection-orb{display:block;width:22px;height:22px;border-radius:999px;background:#64748b;box-shadow:0 0 30px #64748bcc}.connection-connected .connection-orb{background:#22c55e;box-shadow:0 0 35px #22c55ec7}.connection-connecting .connection-orb,.connection-reconnecting .connection-orb,.connection-restarting .connection-orb{background:#f59e0b;box-shadow:0 0 35px #f59e0bcc}.connection-stale .connection-orb,.connection-error .connection-orb,.connection-disconnected .connection-orb{background:#ef4444;box-shadow:0 0 35px #ef4444c7}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;align-items:start}.live-graph-card,.timing-card,.live-diagnostics-card{grid-column:1 / -1}.live-graph-layout,.routes-layout,.request-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.34fr);gap:16px}.live-graph-canvas,#graph-host{overflow:auto;min-height:320px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#020617ad}.live-graph-canvas svg,#graph-host svg{min-width:780px;width:100%}.live-edge{stroke:#64748b99;stroke-width:1.4}.live-edge-highlighted{stroke:#f59e0b;stroke-width:2.4}.live-edge-arrow{fill:#64748b}.live-edge-label{fill:#fde68a;font-size:11px;paint-order:stroke;stroke:#020617;stroke-width:3px}.live-node rect{fill:#1e293bf5;stroke:#94a3b873;stroke-width:1.2}.live-node text{fill:#e5e7eb;font-size:11px;text-anchor:middle;pointer-events:none}.live-node .live-node-kind{fill:#94a3b8;font-size:10px}.live-node-module rect,.live-node-active rect{fill:#1e40afeb}.live-node-provider rect{fill:#14532de0}.live-node-controller rect{fill:#5b21b6e0}.live-node-route rect{fill:#0c4a6ee0}.live-node-external rect,.live-node-platform rect{fill:#475569e0}.live-node-selected rect{stroke:#fbbf24;stroke-width:3}.live-node-related rect{stroke:#38bdf8;stroke-width:2.2}.live-graph-details,.route-detail,.request-detail{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#0f172aa8;padding:14px}.edge-list,.route-list,.request-timeline{display:grid;gap:8px}.edge-row,.route-row,.request-row,.connection-button{display:grid;width:100%;gap:4px;border-color:#94a3b82e;background:#0f172adb;color:#e5e7eb;text-align:left}.edge-row span,.route-row small,.request-row small,.connection-button small{color:#94a3b8}.route-row-selected,.request-row-selected{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa3d inset}.method{width:fit-content;border-radius:999px;background:#60a5fa29;color:#bfdbfe;padding:3px 7px;font-size:11px;font-weight:800}.request-row-danger{border-color:#f871716b}.request-row-success{border-color:#22c55e52}.request-row-accent{border-color:#60a5fa5c}.timing-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.timing-total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#0f172aa8;padding:10px 12px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid rgba(148,163,184,.18);text-align:left;font-size:13px;padding:8px 6px}pre{overflow:auto;max-height:340px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#020617b8;padding:14px}.split-grid,.section-pair{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.empty-state{display:grid;gap:4px;place-items:start;border:1px dashed rgba(148,163,184,.32);border-radius:16px;color:#94a3b8;padding:18px}.empty-state strong{color:#e5e7eb}.edge-line{stroke:#64748b;stroke-width:1.6}.edge-selected{stroke:#f59e0b;stroke-width:2.6}.edge-arrow{fill:#64748b}.module-node{fill:#1e293b;stroke:#64748b;stroke-width:1.5;cursor:pointer}.module-node:focus-visible{outline:none;stroke:#60a5fa;stroke-width:3}.module-root{stroke:#3b82f6;stroke-width:2.6}.component-ready{fill:#14532d}.component-degraded{fill:#7c2d12}.component-not-ready{fill:#7f1d1d}.component-external{fill:#312e81;cursor:default}.module-selected{stroke:#f59e0b;stroke-width:3}.module-neighbor{stroke:#38bdf8;stroke-width:2.6}.module-dependent{stroke:#a78bfa;stroke-width:2.6}.module-label{fill:#e5e7eb;font-size:11px;pointer-events:none}.diagnostics-list{display:grid;gap:12px}.issue{margin-bottom:0}.issue.severity-error,.inline-diagnostic.severity-error{border-color:#ef4444}.issue.severity-warning{border-color:#f59e0b}.issue.severity-info{border-color:#3b82f6}.inline-diagnostic{border:1px solid rgba(248,113,113,.38);border-radius:14px;background:#7f1d1d3d;padding:12px}a{color:#93c5fd}.inspector-card{background:linear-gradient(135deg,#0f172af5,#111827eb)}.connection-hero{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#0f172ad1;padding:14px;margin-bottom:14px}.connection-metrics{display:flex;flex-wrap:wrap;gap:8px}.connection-metrics span,.connection-pill{border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#111827e0;color:#cbd5e1;padding:6px 10px;font-size:12px}.connection-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.connection-group h4{margin:0 0 8px}.connection-button:hover,.connection-button:focus-visible{border-color:#60a5fa;outline:none}.connection-button span,.connection-button small{display:block}.external-pill{display:inline-block;margin:0 6px 6px 0}.connection-diagnostic{border-left:3px solid #64748b;padding:8px 0 8px 10px;margin-bottom:8px}.connection-diagnostic.severity-error{border-left-color:#ef4444}.connection-diagnostic.severity-warning{border-left-color:#f59e0b}.connection-diagnostic.severity-info{border-left-color:#3b82f6}.connection-diagnostic span{display:block;color:#94a3b8;font-size:12px;margin-top:2px}.connection-diagnostic p{margin:6px 0 0}@media(max-width:960px){main{width:min(100vw - 20px,920px);padding-top:14px}.studio-hero,.dashboard-grid,.live-graph-layout,.routes-layout,.request-layout{grid-template-columns:1fr}.hero-command{width:fit-content}}
|