effect-start 0.22.0 → 0.23.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.
Files changed (313) hide show
  1. package/dist/BlobStore.d.ts +80 -0
  2. package/dist/BlobStore.js +19 -0
  3. package/dist/ChildProcess.d.ts +60 -0
  4. package/dist/ChildProcess.js +30 -0
  5. package/dist/Commander.d.ts +3 -6
  6. package/dist/Commander.js +6 -13
  7. package/dist/ContentNegotiation.d.ts +8 -9
  8. package/dist/ContentNegotiation.js +32 -37
  9. package/dist/Cookies.d.ts +47 -0
  10. package/dist/Cookies.js +273 -363
  11. package/dist/Development.d.ts +2 -2
  12. package/dist/Development.js +3 -4
  13. package/dist/Effectify.d.ts +1 -4
  14. package/dist/FilePathPattern.d.ts +3 -3
  15. package/dist/FileRouter.d.ts +5 -8
  16. package/dist/FileRouter.js +9 -10
  17. package/dist/FileRouterCodegen.d.ts +1 -1
  18. package/dist/FileRouterCodegen.js +33 -13
  19. package/dist/FileSystem.d.ts +158 -0
  20. package/dist/FileSystem.js +64 -125
  21. package/dist/Http.js +2 -6
  22. package/dist/PathPattern.d.ts +7 -7
  23. package/dist/PathPattern.js +1 -3
  24. package/dist/PlatformError.d.ts +24 -32
  25. package/dist/PlatformError.js +3 -21
  26. package/dist/PlatformRuntime.js +5 -10
  27. package/dist/Route.d.ts +14 -19
  28. package/dist/Route.js +8 -11
  29. package/dist/RouteBody.d.ts +6 -12
  30. package/dist/RouteBody.js +2 -2
  31. package/dist/RouteError.d.ts +98 -0
  32. package/dist/RouteError.js +55 -0
  33. package/dist/RouteHook.js +6 -11
  34. package/dist/RouteHttp.d.ts +3 -3
  35. package/dist/RouteHttp.js +27 -22
  36. package/dist/RouteMount.d.ts +16 -50
  37. package/dist/RouteMount.js +6 -20
  38. package/dist/RouteSchema.d.ts +22 -1
  39. package/dist/RouteSchema.js +33 -0
  40. package/dist/RouteSse.js +4 -10
  41. package/dist/RouteTree.d.ts +2 -1
  42. package/dist/RouteTree.js +17 -15
  43. package/dist/RouteTrie.d.ts +2 -2
  44. package/dist/RouteTrie.js +4 -9
  45. package/dist/SchemaExtra.d.ts +1 -1
  46. package/dist/Socket.d.ts +27 -0
  47. package/dist/Socket.js +20 -28
  48. package/dist/Sql.d.ts +34 -0
  49. package/dist/Sql.js +5 -0
  50. package/dist/SqlIntrospect.d.ts +91 -0
  51. package/dist/SqlIntrospect.js +466 -0
  52. package/dist/Start.d.ts +4 -6
  53. package/dist/Start.js +10 -2
  54. package/dist/StreamExtra.d.ts +1 -1
  55. package/dist/StreamExtra.js +9 -9
  56. package/dist/System.d.ts +7 -0
  57. package/dist/System.js +22 -0
  58. package/dist/TuplePathPattern.js +55 -50
  59. package/dist/Unique.js +7 -7
  60. package/dist/Values.d.ts +2 -1
  61. package/dist/Values.js +19 -13
  62. package/dist/bun/BunBlobStoreDisk.d.ts +6 -0
  63. package/dist/bun/BunBlobStoreDisk.js +116 -0
  64. package/dist/bun/BunBlobStoreS3.d.ts +11 -0
  65. package/dist/bun/BunBlobStoreS3.js +89 -0
  66. package/dist/bun/BunBlobWatcherDisk.d.ts +6 -0
  67. package/dist/bun/BunBlobWatcherDisk.js +60 -0
  68. package/dist/bun/BunBlobWatcherQueue.d.ts +6 -0
  69. package/dist/bun/BunBlobWatcherQueue.js +17 -0
  70. package/dist/bun/BunBundle.d.ts +5 -6
  71. package/dist/bun/BunBundle.js +7 -15
  72. package/dist/bun/BunChildProcessSpawner.d.ts +3 -0
  73. package/dist/bun/BunChildProcessSpawner.js +103 -0
  74. package/dist/bun/BunImportTrackerPlugin.d.ts +1 -1
  75. package/dist/bun/BunImportTrackerPlugin.js +3 -5
  76. package/dist/bun/BunRoute.d.ts +3 -2
  77. package/dist/bun/BunRoute.js +5 -7
  78. package/dist/bun/BunRuntime.js +1 -1
  79. package/dist/bun/BunServer.d.ts +11 -4
  80. package/dist/bun/BunServer.js +35 -11
  81. package/dist/bun/BunSql.d.ts +4 -0
  82. package/dist/bun/BunSql.js +81 -0
  83. package/dist/bun/_BunEnhancedResolve.d.ts +3 -3
  84. package/dist/bun/_BunEnhancedResolve.js +2 -4
  85. package/dist/bun/index.d.ts +1 -0
  86. package/dist/bun/index.js +1 -0
  87. package/dist/bundler/Bundle.d.ts +2 -1
  88. package/dist/bundler/Bundle.js +1 -1
  89. package/dist/bundler/BundleFiles.d.ts +5 -5
  90. package/dist/bundler/BundleFiles.js +10 -8
  91. package/dist/bundler/BundleRoute.d.ts +27 -0
  92. package/dist/bundler/BundleRoute.js +51 -0
  93. package/dist/client/ScrollState.js +2 -6
  94. package/dist/client/index.js +6 -8
  95. package/dist/console/Console.d.ts +6 -0
  96. package/dist/console/Console.js +26 -0
  97. package/dist/console/ConsoleErrors.d.ts +3 -0
  98. package/dist/console/ConsoleErrors.js +200 -0
  99. package/dist/console/ConsoleLogger.d.ts +3 -0
  100. package/dist/console/ConsoleLogger.js +47 -0
  101. package/dist/console/ConsoleMetrics.d.ts +3 -0
  102. package/dist/console/ConsoleMetrics.js +61 -0
  103. package/dist/console/ConsoleProcess.d.ts +3 -0
  104. package/dist/console/ConsoleProcess.js +49 -0
  105. package/dist/console/ConsoleStore.d.ts +144 -0
  106. package/dist/console/ConsoleStore.js +61 -0
  107. package/dist/console/ConsoleTracer.d.ts +3 -0
  108. package/dist/console/ConsoleTracer.js +94 -0
  109. package/dist/console/Simulation.d.ts +2 -0
  110. package/dist/console/Simulation.js +633 -0
  111. package/dist/console/index.d.ts +3 -0
  112. package/dist/console/index.js +3 -0
  113. package/dist/console/routes/errors/route.d.ts +10 -0
  114. package/dist/console/routes/errors/route.js +47 -0
  115. package/dist/console/routes/fiberDetail.d.ts +16 -0
  116. package/dist/console/routes/fiberDetail.js +38 -0
  117. package/dist/console/routes/fibers/route.d.ts +10 -0
  118. package/dist/console/routes/fibers/route.js +19 -0
  119. package/dist/console/routes/git/route.d.ts +11 -0
  120. package/dist/console/routes/git/route.js +33 -0
  121. package/dist/console/routes/layout.d.ts +9 -0
  122. package/dist/console/routes/layout.js +3 -0
  123. package/dist/console/routes/logs/route.d.ts +10 -0
  124. package/dist/console/routes/logs/route.js +32 -0
  125. package/dist/console/routes/metrics/route.d.ts +10 -0
  126. package/dist/console/routes/metrics/route.js +17 -0
  127. package/dist/console/routes/route.d.ts +6 -0
  128. package/dist/console/routes/route.js +5 -0
  129. package/dist/console/routes/routes/route.d.ts +6 -0
  130. package/dist/console/routes/routes/route.js +20 -0
  131. package/dist/console/routes/services/route.d.ts +6 -0
  132. package/dist/console/routes/services/route.js +12 -0
  133. package/dist/console/routes/system/route.d.ts +10 -0
  134. package/dist/console/routes/system/route.js +18 -0
  135. package/dist/console/routes/traceDetail.d.ts +16 -0
  136. package/dist/console/routes/traceDetail.js +14 -0
  137. package/dist/console/routes/traces/route.d.ts +10 -0
  138. package/dist/console/routes/traces/route.js +39 -0
  139. package/dist/console/routes/tree.d.ts +153 -0
  140. package/dist/console/routes/tree.js +29 -0
  141. package/dist/console/ui/Errors.d.ts +4 -0
  142. package/dist/console/ui/Errors.js +15 -0
  143. package/dist/console/ui/Fibers.d.ts +24 -0
  144. package/dist/console/ui/Fibers.js +121 -0
  145. package/dist/console/ui/Git.d.ts +20 -0
  146. package/dist/console/ui/Git.js +95 -0
  147. package/dist/console/ui/Logs.d.ts +4 -0
  148. package/dist/console/ui/Logs.js +25 -0
  149. package/dist/console/ui/Metrics.d.ts +4 -0
  150. package/dist/console/ui/Metrics.js +26 -0
  151. package/dist/console/ui/Routes.d.ts +8 -0
  152. package/dist/console/ui/Routes.js +70 -0
  153. package/dist/console/ui/Services.d.ts +10 -0
  154. package/dist/console/ui/Services.js +246 -0
  155. package/dist/console/ui/Shell.d.ts +10 -0
  156. package/dist/console/ui/Shell.js +7 -0
  157. package/dist/console/ui/System.d.ts +4 -0
  158. package/dist/console/ui/System.js +35 -0
  159. package/dist/console/ui/Traces.d.ts +12 -0
  160. package/dist/console/ui/Traces.js +179 -0
  161. package/dist/datastar/actions/fetch.d.ts +1 -1
  162. package/dist/datastar/actions/fetch.js +10 -18
  163. package/dist/datastar/actions/peek.js +1 -2
  164. package/dist/datastar/actions/setAll.js +1 -2
  165. package/dist/datastar/actions/toggleAll.js +1 -2
  166. package/dist/datastar/attributes/attr.js +1 -2
  167. package/dist/datastar/attributes/bind.js +10 -18
  168. package/dist/datastar/attributes/class.js +2 -5
  169. package/dist/datastar/attributes/computed.js +2 -3
  170. package/dist/datastar/attributes/effect.js +1 -2
  171. package/dist/datastar/attributes/indicator.js +2 -4
  172. package/dist/datastar/attributes/init.js +2 -3
  173. package/dist/datastar/attributes/jsonSignals.js +1 -2
  174. package/dist/datastar/attributes/on.js +41 -22
  175. package/dist/datastar/attributes/onIntersect.js +2 -3
  176. package/dist/datastar/attributes/onInterval.js +2 -3
  177. package/dist/datastar/attributes/onSignalPatch.js +2 -4
  178. package/dist/datastar/attributes/ref.js +1 -2
  179. package/dist/datastar/attributes/show.js +1 -2
  180. package/dist/datastar/attributes/signals.js +1 -2
  181. package/dist/datastar/attributes/style.js +6 -12
  182. package/dist/datastar/attributes/text.js +1 -2
  183. package/dist/datastar/engine.d.ts +13 -7
  184. package/dist/datastar/engine.js +76 -48
  185. package/dist/datastar/happydom.d.ts +1 -0
  186. package/dist/datastar/happydom.js +8 -0
  187. package/dist/datastar/index.d.ts +1 -1
  188. package/dist/datastar/index.js +1 -1
  189. package/dist/datastar/utils.js +4 -7
  190. package/dist/datastar/watchers/patchElements.js +24 -45
  191. package/dist/datastar/watchers/patchSignals.js +1 -2
  192. package/dist/experimental/EncryptedCookies.d.ts +2 -5
  193. package/dist/experimental/EncryptedCookies.js +17 -48
  194. package/dist/experimental/index.d.ts +0 -1
  195. package/dist/experimental/index.js +0 -1
  196. package/dist/hyper/Hyper.d.ts +2 -9
  197. package/dist/hyper/Hyper.js +1 -12
  198. package/dist/hyper/HyperHtml.d.ts +1 -1
  199. package/dist/hyper/HyperHtml.js +18 -12
  200. package/dist/hyper/HyperHtml.test.d.ts +1 -0
  201. package/dist/hyper/HyperHtml.test.js +197 -0
  202. package/dist/hyper/HyperRoute.test.js +14 -3
  203. package/dist/hyper/html.d.ts +11 -0
  204. package/dist/hyper/html.js +30 -0
  205. package/dist/hyper/index.d.ts +2 -0
  206. package/dist/hyper/index.js +1 -0
  207. package/dist/hyper/jsx-runtime.d.ts +1 -1
  208. package/dist/hyper/jsx-runtime.js +1 -1
  209. package/dist/index.d.ts +1 -0
  210. package/dist/index.js +1 -0
  211. package/dist/lint/plugin.d.ts +86 -0
  212. package/dist/lint/plugin.js +341 -0
  213. package/dist/node/NodeFileSystem.d.ts +2 -2
  214. package/dist/node/NodeFileSystem.js +4 -14
  215. package/dist/sql/bun/index.d.ts +3 -0
  216. package/dist/sql/bun/index.js +75 -0
  217. package/dist/sql/mssql/docker.d.ts +2 -0
  218. package/dist/sql/mssql/docker.js +67 -0
  219. package/dist/sql/mssql/index.d.ts +21 -0
  220. package/dist/sql/mssql/index.js +113 -0
  221. package/dist/testing/TestLogger.js +4 -1
  222. package/dist/testing/index.d.ts +0 -1
  223. package/dist/testing/index.js +0 -1
  224. package/dist/testing/utils.d.ts +3 -3
  225. package/dist/testing/utils.js +4 -4
  226. package/dist/x/cloudflare/CloudflareTunnel.d.ts +2 -5
  227. package/dist/x/cloudflare/CloudflareTunnel.js +14 -27
  228. package/dist/x/datastar/Datastar.d.ts +1 -1
  229. package/dist/x/datastar/Datastar.js +13 -12
  230. package/dist/x/datastar/index.d.ts +1 -2
  231. package/dist/x/datastar/index.js +1 -2
  232. package/dist/x/tailscale/TailscaleTunnel.d.ts +15 -0
  233. package/dist/x/tailscale/TailscaleTunnel.js +68 -0
  234. package/dist/x/tailscale/index.d.ts +1 -0
  235. package/dist/x/tailscale/index.js +1 -0
  236. package/dist/x/tailwind/TailwindPlugin.js +19 -19
  237. package/dist/x/tailwind/compile.d.ts +2 -2
  238. package/dist/x/tailwind/compile.js +2 -4
  239. package/package.json +22 -10
  240. package/src/ChildProcess.ts +145 -0
  241. package/src/PlatformError.ts +27 -50
  242. package/src/Route.ts +2 -2
  243. package/src/RouteError.ts +76 -0
  244. package/src/RouteHttp.ts +13 -5
  245. package/src/RouteSchema.ts +96 -1
  246. package/src/RouteTree.ts +12 -0
  247. package/src/Sql.ts +51 -0
  248. package/src/SqlIntrospect.ts +620 -0
  249. package/src/Start.ts +15 -3
  250. package/src/System.ts +43 -0
  251. package/src/Values.ts +7 -0
  252. package/src/bun/BunChildProcessSpawner.ts +143 -0
  253. package/src/bun/BunRoute.ts +5 -2
  254. package/src/bun/BunServer.ts +22 -1
  255. package/src/bun/index.ts +1 -0
  256. package/src/bundler/BundleRoute.ts +66 -0
  257. package/src/console/Console.ts +42 -0
  258. package/src/console/ConsoleErrors.ts +213 -0
  259. package/src/console/ConsoleLogger.ts +56 -0
  260. package/src/console/ConsoleMetrics.ts +72 -0
  261. package/src/console/ConsoleProcess.ts +59 -0
  262. package/src/console/ConsoleStore.ts +187 -0
  263. package/src/console/ConsoleTracer.ts +107 -0
  264. package/src/console/Simulation.ts +814 -0
  265. package/src/console/console.html +340 -0
  266. package/src/console/index.ts +3 -0
  267. package/src/console/routes/errors/route.tsx +97 -0
  268. package/src/console/routes/fiberDetail.tsx +54 -0
  269. package/src/console/routes/fibers/route.tsx +45 -0
  270. package/src/console/routes/git/route.tsx +64 -0
  271. package/src/console/routes/layout.tsx +4 -0
  272. package/src/console/routes/logs/route.tsx +77 -0
  273. package/src/console/routes/metrics/route.tsx +36 -0
  274. package/src/console/routes/route.tsx +8 -0
  275. package/src/console/routes/routes/route.tsx +30 -0
  276. package/src/console/routes/services/route.tsx +21 -0
  277. package/src/console/routes/system/route.tsx +43 -0
  278. package/src/console/routes/traceDetail.tsx +22 -0
  279. package/src/console/routes/traces/route.tsx +81 -0
  280. package/src/console/routes/tree.ts +30 -0
  281. package/src/console/ui/Errors.tsx +76 -0
  282. package/src/console/ui/Fibers.tsx +321 -0
  283. package/src/console/ui/Git.tsx +182 -0
  284. package/src/console/ui/Logs.tsx +46 -0
  285. package/src/console/ui/Metrics.tsx +78 -0
  286. package/src/console/ui/Routes.tsx +125 -0
  287. package/src/console/ui/Services.tsx +273 -0
  288. package/src/console/ui/Shell.tsx +62 -0
  289. package/src/console/ui/System.tsx +131 -0
  290. package/src/console/ui/Traces.tsx +426 -0
  291. package/src/datastar/README.md +6 -1
  292. package/src/datastar/actions/fetch.ts +0 -1
  293. package/src/datastar/attributes/on.ts +40 -20
  294. package/src/datastar/engine.ts +51 -0
  295. package/src/datastar/jsx.d.ts +79 -0
  296. package/src/hyper/Hyper.ts +1 -16
  297. package/src/hyper/HyperHtml.ts +6 -4
  298. package/src/hyper/HyperRoute.ts +2 -1
  299. package/src/hyper/html.ts +47 -0
  300. package/src/hyper/index.ts +2 -0
  301. package/src/hyper/jsx.d.ts +5 -3
  302. package/src/index.ts +1 -0
  303. package/src/lint/plugin.js +129 -0
  304. package/src/sql/bun/index.ts +147 -0
  305. package/src/sql/mssql/docker.ts +117 -0
  306. package/src/sql/mssql/index.ts +223 -0
  307. package/src/sql/mssql/mssql.d.ts +41 -0
  308. package/src/x/cloudflare/CloudflareTunnel.ts +8 -36
  309. package/src/x/tailscale/TailscaleTunnel.ts +113 -0
  310. package/src/x/tailscale/index.ts +1 -0
  311. package/src/x/datastar/Datastar.ts +0 -61
  312. package/src/x/datastar/index.ts +0 -2
  313. package/src/x/datastar/jsx-datastar.d.ts +0 -60
package/src/console/console.html ADDED
@@ -0,0 +1,340 @@
1
+ <!doctype html>
2
+ <html style="height: 100%">
3
+ <head>
4
+ <title>Effect Console</title>
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <script type="module" src="effect-start/datastar"></script>
7
+ <style>
8
+ * {
9
+ margin: 0;
10
+ padding: 0;
11
+ box-sizing: border-box;
12
+ }
13
+ body {
14
+ height: 100%;
15
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
16
+ background: #0f172a;
17
+ color: #e5e7eb;
18
+ }
19
+ .shell {
20
+ display: flex;
21
+ height: 100%;
22
+ }
23
+ .sidebar {
24
+ width: 180px;
25
+ background: #1e293b;
26
+ border-right: 1px solid #334155;
27
+ padding: 16px 0;
28
+ flex-shrink: 0;
29
+ display: flex;
30
+ flex-direction: column;
31
+ }
32
+ .sidebar-title {
33
+ font-size: 14px;
34
+ font-weight: 700;
35
+ color: #f1f5f9;
36
+ padding: 0 16px 16px;
37
+ border-bottom: 1px solid #334155;
38
+ margin-bottom: 8px;
39
+ }
40
+ .nav-link {
41
+ display: block;
42
+ padding: 8px 16px;
43
+ color: #94a3b8;
44
+ text-decoration: none;
45
+ font-size: 13px;
46
+ }
47
+ .nav-link:hover {
48
+ color: #e2e8f0;
49
+ background: #334155;
50
+ }
51
+ .nav-link.active {
52
+ color: #38bdf8;
53
+ background: #0f172a;
54
+ border-right: 2px solid #38bdf8;
55
+ }
56
+ .content {
57
+ flex: 1;
58
+ display: flex;
59
+ flex-direction: column;
60
+ overflow: hidden;
61
+ }
62
+ .tab-header {
63
+ font-size: 15px;
64
+ font-weight: 600;
65
+ padding: 12px 16px;
66
+ border-bottom: 1px solid #1e293b;
67
+ }
68
+ .tab-body {
69
+ flex: 1;
70
+ overflow-y: auto;
71
+ padding: 8px;
72
+ }
73
+ .filter-bar {
74
+ display: flex;
75
+ gap: 8px;
76
+ padding: 8px 16px;
77
+ border-bottom: 1px solid #1e293b;
78
+ }
79
+ .filter-bar select,
80
+ .filter-bar input {
81
+ background: #1e293b;
82
+ border: 1px solid #334155;
83
+ color: #e5e7eb;
84
+ padding: 4px 8px;
85
+ border-radius: 4px;
86
+ font-size: 12px;
87
+ }
88
+ .filter-bar input {
89
+ flex: 1;
90
+ }
91
+ .metrics-grid {
92
+ display: grid;
93
+ grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
94
+ gap: 12px;
95
+ }
96
+ .empty {
97
+ color: #64748b;
98
+ font-size: 13px;
99
+ text-align: center;
100
+ padding: 48px 0;
101
+ }
102
+
103
+ /* Waterfall grid */
104
+ .wf-grid {
105
+ display: grid;
106
+ grid-template-columns: minmax(200px, 30%) 1fr;
107
+ font-size: 12px;
108
+ }
109
+ .wf-row {
110
+ display: contents;
111
+ }
112
+ .wf-row:hover > .wf-name,
113
+ .wf-row:hover > .wf-bar-cell {
114
+ background: #1e293b;
115
+ }
116
+ .wf-name {
117
+ padding: 4px 8px;
118
+ font-family: monospace;
119
+ color: #d1d5db;
120
+ white-space: nowrap;
121
+ overflow: hidden;
122
+ text-overflow: ellipsis;
123
+ border-bottom: 1px solid #1e293b;
124
+ position: relative;
125
+ display: flex;
126
+ align-items: center;
127
+ gap: 4px;
128
+ }
129
+ .wf-bar-cell {
130
+ padding: 4px 8px;
131
+ position: relative;
132
+ border-bottom: 1px solid #1e293b;
133
+ display: flex;
134
+ align-items: center;
135
+ }
136
+ .wf-bar {
137
+ height: 14px;
138
+ border-radius: 2px;
139
+ position: absolute;
140
+ min-width: 2px;
141
+ top: 50%;
142
+ transform: translateY(-50%);
143
+ }
144
+ .wf-dur {
145
+ position: absolute;
146
+ color: #9ca3af;
147
+ font-family: monospace;
148
+ font-size: 11px;
149
+ white-space: nowrap;
150
+ top: 50%;
151
+ transform: translateY(-50%);
152
+ }
153
+ .wf-axis {
154
+ display: grid;
155
+ grid-template-columns: minmax(200px, 30%) 1fr;
156
+ border-bottom: 1px solid #334155;
157
+ font-size: 11px;
158
+ color: #64748b;
159
+ font-family: monospace;
160
+ }
161
+ .wf-axis-ticks {
162
+ display: flex;
163
+ justify-content: space-between;
164
+ padding: 4px 8px;
165
+ }
166
+
167
+ /* Tree connectors */
168
+ .wf-tree {
169
+ position: relative;
170
+ display: flex;
171
+ align-items: center;
172
+ gap: 4px;
173
+ flex-shrink: 0;
174
+ }
175
+ .wf-vline {
176
+ position: absolute;
177
+ width: 1px;
178
+ background: #475569;
179
+ top: -4px;
180
+ bottom: -4px;
181
+ }
182
+ .wf-branch {
183
+ position: absolute;
184
+ height: 1px;
185
+ background: #475569;
186
+ width: 8px;
187
+ }
188
+ .wf-elbow {
189
+ position: absolute;
190
+ width: 1px;
191
+ background: #475569;
192
+ top: -4px;
193
+ bottom: 50%;
194
+ }
195
+ .wf-hline {
196
+ position: absolute;
197
+ height: 1px;
198
+ background: #475569;
199
+ width: 8px;
200
+ }
201
+
202
+ /* Child count badge */
203
+ .wf-badge {
204
+ font-size: 10px;
205
+ padding: 0 5px;
206
+ border-radius: 8px;
207
+ background: #1e293b;
208
+ color: #64748b;
209
+ flex-shrink: 0;
210
+ }
211
+
212
+ /* Mini waterfall */
213
+ .mini-wf {
214
+ height: 20px;
215
+ background: #1f2937;
216
+ border-radius: 3px;
217
+ position: relative;
218
+ overflow: hidden;
219
+ }
220
+ .mini-wf-bar {
221
+ position: absolute;
222
+ height: 6px;
223
+ border-radius: 1px;
224
+ min-width: 2px;
225
+ top: 50%;
226
+ transform: translateY(-50%);
227
+ }
228
+
229
+ /* Trace cards */
230
+ .trace-card {
231
+ display: block;
232
+ margin-bottom: 8px;
233
+ background: #111827;
234
+ border: 1px solid #1e293b;
235
+ border-radius: 6px;
236
+ overflow: hidden;
237
+ text-decoration: none;
238
+ color: inherit;
239
+ transition: border-color 0.15s;
240
+ }
241
+ .trace-card:hover {
242
+ border-color: #475569;
243
+ }
244
+
245
+ /* Trace list */
246
+ .tl-grid {
247
+ font-size: 12px;
248
+ }
249
+ .tl-cols {
250
+ display: grid;
251
+ grid-template-columns: 24px 1fr 48px 72px 90px;
252
+ }
253
+ .tl-header {
254
+ position: sticky;
255
+ top: 0;
256
+ z-index: 1;
257
+ background: #0f172a;
258
+ border-bottom: 1px solid #334155;
259
+ color: #64748b;
260
+ font-size: 11px;
261
+ }
262
+ .tl-row {
263
+ border-bottom: 1px solid #1e293b;
264
+ }
265
+ .tl-row[open] {
266
+ background: #111827;
267
+ }
268
+ .tl-summary {
269
+ cursor: pointer;
270
+ user-select: none;
271
+ list-style: none;
272
+ }
273
+ .tl-summary::-webkit-details-marker {
274
+ display: none;
275
+ }
276
+ .tl-summary:hover {
277
+ background: #1e293b;
278
+ }
279
+ .tl-cell {
280
+ padding: 6px 8px;
281
+ display: flex;
282
+ align-items: center;
283
+ overflow: hidden;
284
+ }
285
+ .tl-cell-name {
286
+ font-family: monospace;
287
+ color: #e2e8f0;
288
+ font-weight: 600;
289
+ white-space: nowrap;
290
+ text-overflow: ellipsis;
291
+ }
292
+ .tl-cell-spans {
293
+ color: #64748b;
294
+ font-size: 11px;
295
+ justify-content: flex-end;
296
+ }
297
+ .tl-cell-dur {
298
+ color: #64748b;
299
+ font-family: monospace;
300
+ font-size: 11px;
301
+ justify-content: flex-end;
302
+ }
303
+ .tl-cell-id {
304
+ color: #475569;
305
+ font-family: monospace;
306
+ font-size: 10px;
307
+ }
308
+ .tl-body {
309
+ padding: 8px 12px 12px;
310
+ border-top: 1px solid #1e293b;
311
+ }
312
+
313
+ /* Span detail panel */
314
+ .span-panel {
315
+ background: #111827;
316
+ border: 1px solid #1e293b;
317
+ border-radius: 6px;
318
+ overflow: hidden;
319
+ margin: 4px 0;
320
+ }
321
+ .span-panel-header {
322
+ padding: 6px 12px;
323
+ display: flex;
324
+ align-items: center;
325
+ gap: 8px;
326
+ cursor: pointer;
327
+ user-select: none;
328
+ }
329
+ .span-panel-header:hover {
330
+ background: #1e293b;
331
+ }
332
+ .span-panel-body {
333
+ padding: 0 12px 8px;
334
+ }
335
+ </style>
336
+ </head>
337
+ <body>
338
+ %children%
339
+ </body>
340
+ </html>
package/src/console/index.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * as Console from "./Console.ts"
2
+ export * as ConsoleStore from "./ConsoleStore.ts"
3
+ export * as Simulation from "./Simulation.ts"
package/src/console/routes/errors/route.tsx ADDED
@@ -0,0 +1,97 @@
1
+ import * as Stream from "effect/Stream"
2
+ import * as Route from "../../../Route.ts"
3
+ import * as HyperHtml from "../../../hyper/HyperHtml.ts"
4
+ import * as HyperRoute from "../../../hyper/HyperRoute.ts"
5
+ import * as ConsoleStore from "../../ConsoleStore.ts"
6
+ import * as Errors from "../../ui/Errors.tsx"
7
+ import * as Shell from "../../ui/Shell.tsx"
8
+
9
+ const prefix = ConsoleStore.store.prefix
10
+
11
+ function collectTags(): Array<string> {
12
+ const tags = new Set<string>()
13
+ for (const error of ConsoleStore.store.errors.toArray()) {
14
+ for (const d of error.details) {
15
+ if (d.tag) tags.add(d.tag)
16
+ }
17
+ }
18
+ return Array.from(tags).sort()
19
+ }
20
+
21
+ function filterErrors(url: URL): Array<ConsoleStore.ConsoleError> {
22
+ const search = url.searchParams.get("errorSearch") || ""
23
+ const tag = url.searchParams.get("errorTag") || ""
24
+ let errors = ConsoleStore.store.errors.toArray()
25
+ if (tag) {
26
+ errors = errors.filter((e) => e.details.some((d) => d.tag && d.tag.startsWith(tag)))
27
+ }
28
+ if (search) {
29
+ const lower = search.toLowerCase()
30
+ errors = errors.filter((e) => {
31
+ const firstLine = e.prettyPrint.split("\n")[0] ?? ""
32
+ return firstLine.toLowerCase().includes(lower)
33
+ })
34
+ }
35
+ return errors.reverse()
36
+ }
37
+
38
+ export default Route.get(
39
+ HyperRoute.html(function* (ctx) {
40
+ const url = new URL(ctx.request.url)
41
+ const errors = filterErrors(url)
42
+ const tags = collectTags()
43
+
44
+ return (
45
+ <Shell.Shell prefix={prefix} active="errors">
46
+ <form
47
+ data-signals={{ errorSearch: "", errorTag: "" }}
48
+ style="display:flex;flex-direction:column;flex:1;overflow:hidden"
49
+ >
50
+ <div class="tab-header">Errors</div>
51
+ <div class="filter-bar">
52
+ <input
53
+ type="text"
54
+ name="errorSearch"
55
+ placeholder="Search..."
56
+ data-bind:errorSearch
57
+ data-on:input={(c) => c.actions.get(location.href, { contentType: "form" })}
58
+ />
59
+ <input
60
+ type="text"
61
+ name="errorTag"
62
+ placeholder="Tag..."
63
+ list="error-tags"
64
+ data-bind:errorTag
65
+ data-on:input={(c) => c.actions.get(location.href, { contentType: "form" })}
66
+ />
67
+ <datalist id="error-tags">
68
+ {tags.map((t) => (
69
+ <option value={t} />
70
+ ))}
71
+ </datalist>
72
+ </div>
73
+ <div id="errors-list" class="tab-body">
74
+ {errors.map((e) => (
75
+ <Errors.ErrorLine error={e} />
76
+ ))}
77
+ </div>
78
+ </form>
79
+ </Shell.Shell>
80
+ )
81
+ }),
82
+ Route.sse(
83
+ Stream.fromPubSub(ConsoleStore.store.events).pipe(
84
+ Stream.filter((e) => e._tag === "Error"),
85
+ Stream.map((e) => {
86
+ const html = HyperHtml.renderToString(<Errors.ErrorLine error={e.error} />).replace(
87
+ /\n/g,
88
+ "",
89
+ )
90
+ return {
91
+ event: "datastar-patch-elements",
92
+ data: `selector #errors-list\nmode prepend\nelements ${html}`,
93
+ }
94
+ }),
95
+ ),
96
+ ),
97
+ )
package/src/console/routes/fiberDetail.tsx ADDED
@@ -0,0 +1,54 @@
1
+ import * as Schema from "effect/Schema"
2
+ import * as Route from "../../Route.ts"
3
+ import * as RouteSchema from "../../RouteSchema.ts"
4
+ import * as HyperRoute from "../../hyper/HyperRoute.ts"
5
+ import * as ConsoleStore from "../ConsoleStore.ts"
6
+ import * as Fibers from "../ui/Fibers.tsx"
7
+ import * as Shell from "../ui/Shell.tsx"
8
+
9
+ export default Route.get(
10
+ RouteSchema.schemaPathParams(Schema.Struct({ id: Schema.String })),
11
+ HyperRoute.html(function* (ctx) {
12
+ const fiberId = ctx.pathParams.id
13
+ const fiberName = fiberId.startsWith("#") ? fiberId : `#${fiberId}`
14
+
15
+ const allLogs = ConsoleStore.store.logs.toArray()
16
+ const fiberLogs = allLogs.filter((l) => l.fiberId === fiberName)
17
+
18
+ const allSpans = ConsoleStore.store.spans.toArray()
19
+ const fiberSpans = allSpans.filter((s) => {
20
+ const spanFiber = s.attributes["fiber.id"] as string | undefined
21
+ return spanFiber === fiberName
22
+ })
23
+
24
+ const fiberNum = parseInt(fiberName.slice(1), 10)
25
+ const counter = ConsoleStore.fiberIdCounter()
26
+ let alive: "alive" | "dead" | "unknown" = "unknown"
27
+ if (!isNaN(fiberNum)) {
28
+ if (fiberNum < counter) alive = "dead"
29
+ else alive = "unknown"
30
+ }
31
+ if (fiberLogs.length > 0 || fiberSpans.length > 0) {
32
+ const hasRecent = fiberLogs.some((l) => Date.now() - l.date.getTime() < 5000)
33
+ if (hasRecent) alive = "alive"
34
+ else if (fiberNum < counter) alive = "dead"
35
+ }
36
+
37
+ const parents = Fibers.getParentChain(fiberName, ConsoleStore.store.fiberParents)
38
+ const fiberContext = ConsoleStore.store.fiberContexts.get(fiberName)
39
+
40
+ return (
41
+ <Shell.Shell prefix={ConsoleStore.store.prefix} active="fibers">
42
+ <Fibers.FiberDetail
43
+ prefix={ConsoleStore.store.prefix}
44
+ fiberId={fiberName}
45
+ logs={fiberLogs}
46
+ spans={fiberSpans}
47
+ alive={alive}
48
+ parents={parents}
49
+ context={fiberContext}
50
+ />
51
+ </Shell.Shell>
52
+ )
53
+ }),
54
+ )
package/src/console/routes/fibers/route.tsx ADDED
@@ -0,0 +1,45 @@
1
+ import * as Stream from "effect/Stream"
2
+ import * as Route from "../../../Route.ts"
3
+ import * as HyperHtml from "../../../hyper/HyperHtml.ts"
4
+ import * as HyperRoute from "../../../hyper/HyperRoute.ts"
5
+ import * as ConsoleStore from "../../ConsoleStore.ts"
6
+ import * as Fibers from "../../ui/Fibers.tsx"
7
+ import * as Shell from "../../ui/Shell.tsx"
8
+
9
+ export default Route.get(
10
+ HyperRoute.html(function* () {
11
+ const fibers = Fibers.collectFibers(
12
+ ConsoleStore.store.logs.toArray(),
13
+ ConsoleStore.store.spans.toArray(),
14
+ )
15
+ return (
16
+ <Shell.Shell prefix={ConsoleStore.store.prefix} active="fibers">
17
+ <div style="display:flex;flex-direction:column;flex:1;overflow:hidden">
18
+ <div class="tab-header">Fibers</div>
19
+ <div id="fibers-container" class="tab-body">
20
+ <Fibers.FiberList fibers={fibers} prefix={ConsoleStore.store.prefix} />
21
+ </div>
22
+ <div data-init={`@get('${ConsoleStore.store.prefix}/fibers')`} />
23
+ </div>
24
+ </Shell.Shell>
25
+ )
26
+ }),
27
+ Route.sse(
28
+ Stream.fromPubSub(ConsoleStore.store.events).pipe(
29
+ Stream.filter((e) => e._tag === "SpanStart" || e._tag === "SpanEnd" || e._tag === "Log"),
30
+ Stream.map(() => {
31
+ const fibers = Fibers.collectFibers(
32
+ ConsoleStore.store.logs.toArray(),
33
+ ConsoleStore.store.spans.toArray(),
34
+ )
35
+ const html = HyperHtml.renderToString(
36
+ <Fibers.FiberList fibers={fibers} prefix={ConsoleStore.store.prefix} />,
37
+ ).replace(/\n/g, "")
38
+ return {
39
+ event: "datastar-patch-elements",
40
+ data: `selector #fibers-container\nmode inner\nelements ${html}`,
41
+ }
42
+ }),
43
+ ),
44
+ ),
45
+ )
package/src/console/routes/git/route.tsx ADDED
@@ -0,0 +1,64 @@
1
+ import * as Effect from "effect/Effect"
2
+ import * as Schedule from "effect/Schedule"
3
+ import * as Stream from "effect/Stream"
4
+ import * as ChildProcess from "../../../ChildProcess.ts"
5
+ import * as Route from "../../../Route.ts"
6
+ import * as HyperHtml from "../../../hyper/HyperHtml.ts"
7
+ import * as HyperRoute from "../../../hyper/HyperRoute.ts"
8
+ import * as ConsoleStore from "../../ConsoleStore.ts"
9
+ import * as Git from "../../ui/Git.tsx"
10
+ import * as Shell from "../../ui/Shell.tsx"
11
+
12
+ const exec = (args: Array<string>, cwd?: string) =>
13
+ Effect.gen(function* () {
14
+ const handle = yield* ChildProcess.make("git", args, cwd ? { cwd } : undefined)
15
+ return yield* handle.stdout.pipe(Stream.decodeText("utf-8"), Stream.mkString)
16
+ }).pipe(Effect.catchAll(() => Effect.succeed("")))
17
+
18
+ const gitStatus = exec(["rev-parse", "--show-toplevel"]).pipe(
19
+ Effect.flatMap((root) => {
20
+ const cwd = root.trim()
21
+ return Effect.all(
22
+ {
23
+ porcelain: exec(["status", "--porcelain=v2", "--branch"], cwd),
24
+ tag: exec(["describe", "--tags", "--abbrev=0"], cwd),
25
+ tagDistance: exec(["rev-list", "--count", "HEAD", "--not", "--tags"], cwd),
26
+ },
27
+ { concurrency: "unbounded" },
28
+ )
29
+ }),
30
+ Effect.map(({ porcelain, tag, tagDistance }) =>
31
+ Git.parseGitStatus(porcelain, `${tag.trim()}\n${tagDistance.trim()}`),
32
+ ),
33
+ )
34
+
35
+ export default Route.get(
36
+ HyperRoute.html(function* () {
37
+ const status = yield* gitStatus
38
+ return (
39
+ <Shell.Shell prefix={ConsoleStore.store.prefix} active="git">
40
+ <div class="tab-header">Git</div>
41
+ <div id="git-container" class="tab-body">
42
+ <Git.GitStatusView status={status} />
43
+ </div>
44
+ <div data-init={`@get('${ConsoleStore.store.prefix}/git')`} />
45
+ </Shell.Shell>
46
+ )
47
+ }),
48
+ Route.sse(
49
+ Stream.repeatEffect(
50
+ gitStatus.pipe(
51
+ Effect.map((status) => {
52
+ const html = HyperHtml.renderToString(<Git.GitStatusView status={status} />).replace(
53
+ /\n/g,
54
+ "",
55
+ )
56
+ return {
57
+ event: "datastar-patch-elements" as const,
58
+ data: `selector #git-container\nmode inner\nelements ${html}`,
59
+ }
60
+ }),
61
+ ),
62
+ ).pipe(Stream.schedule(Schedule.spaced("2 seconds"))),
63
+ ),
64
+ )
package/src/console/routes/layout.tsx ADDED
@@ -0,0 +1,4 @@
1
+ import * as BunRoute from "../../bun/BunRoute.ts"
2
+ import * as Route from "../../Route.ts"
3
+
4
+ export default Route.use(BunRoute.htmlBundle(() => import("../console.html")))
package/src/console/routes/logs/route.tsx ADDED
@@ -0,0 +1,77 @@
1
+ import * as Stream from "effect/Stream"
2
+ import * as Route from "../../../Route.ts"
3
+ import * as HyperHtml from "../../../hyper/HyperHtml.ts"
4
+ import * as HyperRoute from "../../../hyper/HyperRoute.ts"
5
+ import * as ConsoleStore from "../../ConsoleStore.ts"
6
+ import * as Logs from "../../ui/Logs.tsx"
7
+ import * as Shell from "../../ui/Shell.tsx"
8
+
9
+ const prefix = ConsoleStore.store.prefix
10
+
11
+ function filterLogs(url: URL): Array<ConsoleStore.ConsoleLog> {
12
+ const level = url.searchParams.get("logLevel") || ""
13
+ const search = url.searchParams.get("logSearch") || ""
14
+ let logs = ConsoleStore.store.logs.toArray()
15
+ if (level) logs = logs.filter((l) => l.level === level)
16
+ if (search) {
17
+ const lower = search.toLowerCase()
18
+ logs = logs.filter((l) => l.message.toLowerCase().includes(lower))
19
+ }
20
+ return logs.reverse()
21
+ }
22
+
23
+ export default Route.get(
24
+ HyperRoute.html(function* (ctx) {
25
+ const url = new URL(ctx.request.url)
26
+ const logs = filterLogs(url)
27
+
28
+ return (
29
+ <Shell.Shell prefix={prefix} active="logs">
30
+ <form
31
+ data-signals={{ logLevel: "", logSearch: "" }}
32
+ style="display:flex;flex-direction:column;flex:1;overflow:hidden"
33
+ >
34
+ <div class="tab-header">Logs</div>
35
+ <div class="filter-bar">
36
+ <select
37
+ name="logLevel"
38
+ data-bind:logLevel
39
+ data-on:change={(c) => c.actions.get(location.href, { contentType: "form" })}
40
+ >
41
+ <option value="">All levels</option>
42
+ <option value="DEBUG">DEBUG</option>
43
+ <option value="INFO">INFO</option>
44
+ <option value="WARNING">WARNING</option>
45
+ <option value="ERROR">ERROR</option>
46
+ <option value="FATAL">FATAL</option>
47
+ </select>
48
+ <input
49
+ type="text"
50
+ name="logSearch"
51
+ placeholder="Search..."
52
+ data-bind:logSearch
53
+ data-on:input={(c) => c.actions.get(location.href, { contentType: "form" })}
54
+ />
55
+ </div>
56
+ <div id="logs-container" class="tab-body">
57
+ {logs.map((l) => (
58
+ <Logs.LogLine log={l} />
59
+ ))}
60
+ </div>
61
+ </form>
62
+ </Shell.Shell>
63
+ )
64
+ }),
65
+ Route.sse(
66
+ Stream.fromPubSub(ConsoleStore.store.events).pipe(
67
+ Stream.filter((e) => e._tag === "Log"),
68
+ Stream.map((e) => {
69
+ const html = HyperHtml.renderToString(<Logs.LogLine log={e.log} />).replace(/\n/g, "")
70
+ return {
71
+ event: "datastar-patch-elements",
72
+ data: `selector #logs-container\nmode prepend\nelements ${html}`,
73
+ }
74
+ }),
75
+ ),
76
+ ),
77
+ )