zudoku 0.3.0-dev.3 → 0.3.0-dev.30

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 (405) hide show
  1. package/dist/app/demo.d.ts +2 -0
  2. package/dist/app/demo.js +23 -0
  3. package/dist/app/demo.js.map +1 -0
  4. package/dist/app/main.d.ts +2 -1
  5. package/dist/app/main.js +29 -10
  6. package/dist/app/main.js.map +1 -1
  7. package/dist/app/standalone.d.ts +2 -0
  8. package/dist/app/standalone.js +28 -0
  9. package/dist/app/standalone.js.map +1 -0
  10. package/dist/config/config.d.ts +10 -16
  11. package/dist/lib/authentication/Callback.js +1 -1
  12. package/dist/lib/authentication/Callback.js.map +1 -1
  13. package/dist/lib/authentication/authentication.d.ts +2 -2
  14. package/dist/lib/authentication/hook.d.ts +1 -0
  15. package/dist/lib/authentication/hook.js +1 -0
  16. package/dist/lib/authentication/hook.js.map +1 -1
  17. package/dist/lib/authentication/providers/auth0.js +1 -0
  18. package/dist/lib/authentication/providers/auth0.js.map +1 -1
  19. package/dist/lib/authentication/providers/clerk.js +2 -0
  20. package/dist/lib/authentication/providers/clerk.js.map +1 -1
  21. package/dist/lib/authentication/providers/openid.d.ts +1 -1
  22. package/dist/lib/authentication/providers/openid.js +2 -0
  23. package/dist/lib/authentication/providers/openid.js.map +1 -1
  24. package/dist/lib/authentication/state.d.ts +1 -0
  25. package/dist/lib/authentication/state.js +1 -0
  26. package/dist/lib/authentication/state.js.map +1 -1
  27. package/dist/lib/components/DevPortal.d.ts +3 -21
  28. package/dist/lib/components/DevPortal.js +14 -10
  29. package/dist/lib/components/DevPortal.js.map +1 -1
  30. package/dist/lib/components/Error.d.ts +1 -0
  31. package/dist/lib/components/Error.js +10 -0
  32. package/dist/lib/components/Error.js.map +1 -0
  33. package/dist/lib/components/Header.js +3 -3
  34. package/dist/lib/components/Header.js.map +1 -1
  35. package/dist/lib/components/Heading.d.ts +9 -4
  36. package/dist/lib/components/Heading.js +17 -2
  37. package/dist/lib/components/Heading.js.map +1 -1
  38. package/dist/lib/components/Layout.js +2 -2
  39. package/dist/lib/components/Layout.js.map +1 -1
  40. package/dist/lib/components/Router.js +2 -1
  41. package/dist/lib/components/Router.js.map +1 -1
  42. package/dist/lib/components/SyntaxHighlight.js +5 -1
  43. package/dist/lib/components/SyntaxHighlight.js.map +1 -1
  44. package/dist/lib/components/TopNavigation.d.ts +1 -1
  45. package/dist/lib/components/TopNavigation.js +4 -0
  46. package/dist/lib/components/TopNavigation.js.map +1 -1
  47. package/dist/lib/components/context/DevPortalProvider.d.ts +1 -1
  48. package/dist/lib/components/context/DevPortalProvider.js +2 -2
  49. package/dist/lib/components/context/DevPortalProvider.js.map +1 -1
  50. package/dist/lib/components/index.d.ts +10 -3
  51. package/dist/lib/components/index.js +8 -3
  52. package/dist/lib/components/index.js.map +1 -1
  53. package/dist/lib/core/DevPortalContext.d.ts +33 -3
  54. package/dist/lib/core/DevPortalContext.js +8 -4
  55. package/dist/lib/core/DevPortalContext.js.map +1 -1
  56. package/dist/lib/core/plugins.d.ts +7 -4
  57. package/dist/lib/core/plugins.js +1 -0
  58. package/dist/lib/core/plugins.js.map +1 -1
  59. package/dist/lib/oas/graphql/index.js +1 -1
  60. package/dist/lib/oas/graphql/index.js.map +1 -1
  61. package/dist/lib/oas/parser/index.js +3 -1
  62. package/dist/lib/oas/parser/index.js.map +1 -1
  63. package/dist/lib/plugins/api-keys/CreateApiKey.d.ts +4 -0
  64. package/dist/lib/plugins/{api-key → api-keys}/CreateApiKey.js +1 -1
  65. package/dist/lib/plugins/api-keys/CreateApiKey.js.map +1 -0
  66. package/dist/lib/plugins/api-keys/SettingsApiKeys.d.ts +4 -0
  67. package/dist/lib/plugins/api-keys/SettingsApiKeys.js +38 -0
  68. package/dist/lib/plugins/api-keys/SettingsApiKeys.js.map +1 -0
  69. package/dist/lib/plugins/{api-key → api-keys}/index.js +37 -9
  70. package/dist/lib/plugins/api-keys/index.js.map +1 -0
  71. package/dist/lib/plugins/markdown/MdxPage.d.ts +3 -2
  72. package/dist/lib/plugins/markdown/MdxPage.js +7 -6
  73. package/dist/lib/plugins/markdown/MdxPage.js.map +1 -1
  74. package/dist/lib/plugins/markdown/Toc.js +1 -1
  75. package/dist/lib/plugins/markdown/Toc.js.map +1 -1
  76. package/dist/lib/plugins/markdown/generateRoutes.d.ts +3 -3
  77. package/dist/lib/plugins/markdown/generateRoutes.js +4 -4
  78. package/dist/lib/plugins/markdown/generateRoutes.js.map +1 -1
  79. package/dist/lib/plugins/markdown/index.d.ts +4 -1
  80. package/dist/lib/plugins/markdown/index.js +2 -2
  81. package/dist/lib/plugins/markdown/index.js.map +1 -1
  82. package/dist/lib/plugins/openapi/OperationList.js +5 -4
  83. package/dist/lib/plugins/openapi/OperationList.js.map +1 -1
  84. package/dist/lib/plugins/openapi/OperationListItem.js +8 -4
  85. package/dist/lib/plugins/openapi/OperationListItem.js.map +1 -1
  86. package/dist/lib/plugins/openapi/ParameterList.js +1 -1
  87. package/dist/lib/plugins/openapi/ParameterList.js.map +1 -1
  88. package/dist/lib/plugins/openapi/ParameterListItem.js +1 -1
  89. package/dist/lib/plugins/openapi/ParameterListItem.js.map +1 -1
  90. package/dist/lib/plugins/openapi/{MakeRequest.d.ts → PlaygroundDialogWrapper.d.ts} +1 -1
  91. package/dist/lib/plugins/openapi/{MakeRequest.js → PlaygroundDialogWrapper.js} +5 -5
  92. package/dist/lib/plugins/openapi/PlaygroundDialogWrapper.js.map +1 -0
  93. package/dist/lib/plugins/openapi/RequestBodySidecarBox.js +1 -9
  94. package/dist/lib/plugins/openapi/RequestBodySidecarBox.js.map +1 -1
  95. package/dist/lib/plugins/openapi/ResponsesSidecarBox.js +1 -1
  96. package/dist/lib/plugins/openapi/ResponsesSidecarBox.js.map +1 -1
  97. package/dist/lib/plugins/openapi/Route.d.ts +6 -0
  98. package/dist/lib/plugins/openapi/Route.js +8 -0
  99. package/dist/lib/plugins/openapi/Route.js.map +1 -0
  100. package/dist/lib/plugins/openapi/SchemaListView.js +4 -26
  101. package/dist/lib/plugins/openapi/SchemaListView.js.map +1 -1
  102. package/dist/lib/plugins/openapi/SchemaListViewItem.d.ts +7 -0
  103. package/dist/lib/plugins/openapi/SchemaListViewItem.js +16 -0
  104. package/dist/lib/plugins/openapi/SchemaListViewItem.js.map +1 -0
  105. package/dist/lib/plugins/openapi/SchemaListViewItemGroup.d.ts +8 -0
  106. package/dist/lib/plugins/openapi/SchemaListViewItemGroup.js +17 -0
  107. package/dist/lib/plugins/openapi/SchemaListViewItemGroup.js.map +1 -0
  108. package/dist/lib/plugins/openapi/Sidecar.js +10 -8
  109. package/dist/lib/plugins/openapi/Sidecar.js.map +1 -1
  110. package/dist/lib/plugins/openapi/{Select.d.ts → SimpleSelect.d.ts} +3 -2
  111. package/dist/lib/plugins/openapi/SimpleSelect.js +5 -0
  112. package/dist/lib/plugins/openapi/SimpleSelect.js.map +1 -0
  113. package/dist/lib/plugins/openapi/client/createMemoryClient.d.ts +12 -0
  114. package/dist/lib/plugins/openapi/client/createMemoryClient.js +46 -0
  115. package/dist/lib/plugins/openapi/client/createMemoryClient.js.map +1 -0
  116. package/dist/lib/plugins/openapi/client/createServer.d.ts +4 -0
  117. package/dist/lib/plugins/openapi/client/createServer.js +30 -0
  118. package/dist/lib/plugins/openapi/client/createServer.js.map +1 -0
  119. package/dist/lib/plugins/openapi/client/createWorkerClient.d.ts +10 -0
  120. package/dist/lib/plugins/openapi/{worker/createSharedWorkerClient.js → client/createWorkerClient.js} +11 -2
  121. package/dist/lib/plugins/openapi/client/createWorkerClient.js.map +1 -0
  122. package/dist/lib/plugins/openapi/client/interfaces.d.ts +2 -0
  123. package/dist/lib/plugins/openapi/client/interfaces.js +2 -0
  124. package/dist/lib/plugins/openapi/client/interfaces.js.map +1 -0
  125. package/dist/lib/plugins/openapi/{worker → client}/worker.js +2 -2
  126. package/dist/lib/plugins/openapi/client/worker.js.map +1 -0
  127. package/dist/lib/plugins/openapi/context.d.ts +5 -0
  128. package/dist/lib/plugins/openapi/context.js +11 -0
  129. package/dist/lib/plugins/openapi/context.js.map +1 -0
  130. package/dist/lib/plugins/openapi/index.d.ts +1 -19
  131. package/dist/lib/plugins/openapi/index.js +27 -20
  132. package/dist/lib/plugins/openapi/index.js.map +1 -1
  133. package/dist/lib/plugins/openapi/interfaces.d.ts +15 -0
  134. package/dist/lib/plugins/openapi/interfaces.js +2 -0
  135. package/dist/lib/plugins/openapi/interfaces.js.map +1 -0
  136. package/dist/lib/plugins/openapi/playground/Headers.d.ts +2 -3
  137. package/dist/lib/plugins/openapi/playground/Headers.js +16 -6
  138. package/dist/lib/plugins/openapi/playground/Headers.js.map +1 -1
  139. package/dist/lib/plugins/openapi/playground/PathParams.d.ts +1 -1
  140. package/dist/lib/plugins/openapi/playground/Playground.d.ts +4 -3
  141. package/dist/lib/plugins/openapi/playground/Playground.js +8 -12
  142. package/dist/lib/plugins/openapi/playground/Playground.js.map +1 -1
  143. package/dist/lib/plugins/openapi/playground/PlaygroundDialog.d.ts +3 -0
  144. package/dist/lib/plugins/openapi/playground/PlaygroundDialog.js +10 -0
  145. package/dist/lib/plugins/openapi/playground/PlaygroundDialog.js.map +1 -0
  146. package/dist/lib/plugins/openapi/playground/QueryParams.d.ts +1 -1
  147. package/dist/lib/plugins/openapi/playground/createUrl.d.ts +1 -1
  148. package/dist/lib/plugins/openapi/util/prose.d.ts +1 -0
  149. package/dist/lib/plugins/openapi/util/prose.js +4 -0
  150. package/dist/lib/plugins/openapi/util/prose.js.map +1 -0
  151. package/dist/lib/plugins/openapi-worker.d.ts +1 -1
  152. package/dist/lib/plugins/openapi-worker.js +1 -1
  153. package/dist/lib/plugins/openapi-worker.js.map +1 -1
  154. package/dist/lib/ui/Callout.js +1 -1
  155. package/dist/lib/ui/Callout.js.map +1 -1
  156. package/dist/lib/ui/button-variants.d.ts +1 -1
  157. package/dist/lib/util/MdxComponents.js +1 -1
  158. package/dist/lib/util/MdxComponents.js.map +1 -1
  159. package/dist/lib/util/logInit.d.ts +1 -0
  160. package/dist/lib/util/logInit.js +9 -0
  161. package/dist/lib/util/logInit.js.map +1 -0
  162. package/dist/lib/util/objectEntries.d.ts +4 -0
  163. package/dist/lib/util/objectEntries.js +2 -0
  164. package/dist/lib/util/objectEntries.js.map +1 -0
  165. package/dist/lib/util/renderIf.d.ts +1 -0
  166. package/dist/lib/util/renderIf.js +2 -0
  167. package/dist/lib/util/renderIf.js.map +1 -0
  168. package/dist/vite/build.js +4 -1
  169. package/dist/vite/build.js.map +1 -1
  170. package/dist/vite/config.d.ts +11 -7
  171. package/dist/vite/config.js +54 -48
  172. package/dist/vite/config.js.map +1 -1
  173. package/dist/vite/config.test.js +7 -4
  174. package/dist/vite/config.test.js.map +1 -1
  175. package/dist/vite/dev-server.js +4 -4
  176. package/dist/vite/dev-server.js.map +1 -1
  177. package/dist/vite/html.js +0 -1
  178. package/dist/vite/html.js.map +1 -1
  179. package/dist/vite/plugin-api-keys.js +7 -8
  180. package/dist/vite/plugin-api-keys.js.map +1 -1
  181. package/dist/vite/plugin-api.js +7 -11
  182. package/dist/vite/plugin-api.js.map +1 -1
  183. package/dist/vite/plugin-auth.js +5 -6
  184. package/dist/vite/plugin-auth.js.map +1 -1
  185. package/dist/vite/plugin-component.js +1 -1
  186. package/dist/vite/plugin-component.js.map +1 -1
  187. package/dist/vite/plugin-config.d.ts +0 -1
  188. package/dist/vite/plugin-config.js +13 -7
  189. package/dist/vite/plugin-config.js.map +1 -1
  190. package/dist/vite/plugin-docs.js +9 -8
  191. package/dist/vite/plugin-docs.js.map +1 -1
  192. package/dist/vite/plugin-docs.test.js +1 -1
  193. package/dist/vite/plugin-docs.test.js.map +1 -1
  194. package/dist/vite/plugin-html.js +1 -9
  195. package/dist/vite/plugin-html.js.map +1 -1
  196. package/dist/vite/plugin-mdx.d.ts +3 -1
  197. package/dist/vite/plugin-mdx.js +4 -4
  198. package/dist/vite/plugin-mdx.js.map +1 -1
  199. package/dist/vite/plugin-openapi-worker.js +11 -3
  200. package/dist/vite/plugin-openapi-worker.js.map +1 -1
  201. package/dist/vite/plugin-redirect.js +9 -9
  202. package/dist/vite/plugin-redirect.js.map +1 -1
  203. package/dist/vite/plugin.js +1 -1
  204. package/dist/vite/plugin.js.map +1 -1
  205. package/lib/AnchorLink-BtVKbEwm.js +706 -0
  206. package/lib/AnchorLink-BtVKbEwm.js.map +1 -0
  207. package/lib/DevPortalProvider--xZTs0RJ.js +1081 -0
  208. package/lib/DevPortalProvider--xZTs0RJ.js.map +1 -0
  209. package/lib/Markdown-oJFqm0uk.js +8621 -0
  210. package/lib/Markdown-oJFqm0uk.js.map +1 -0
  211. package/lib/MdxComponents-CsU8yR42.js +3019 -0
  212. package/lib/MdxComponents-CsU8yR42.js.map +1 -0
  213. package/lib/MdxPage-BV_9ncEk.js +217 -0
  214. package/lib/MdxPage-BV_9ncEk.js.map +1 -0
  215. package/lib/OperationList-DfG_E0Xa.js +5546 -0
  216. package/lib/OperationList-DfG_E0Xa.js.map +1 -0
  217. package/lib/Route-CHqr53jb.js +14 -0
  218. package/lib/Route-CHqr53jb.js.map +1 -0
  219. package/lib/Select-CNmXi4JU.js +4572 -0
  220. package/lib/Select-CNmXi4JU.js.map +1 -0
  221. package/lib/Spinner-By5opWs5.js +182 -0
  222. package/lib/Spinner-By5opWs5.js.map +1 -0
  223. package/lib/_commonjsHelpers-BkfeUUK-.js +1 -0
  224. package/lib/_commonjsHelpers-BkfeUUK-.js.map +1 -0
  225. package/lib/assets/index-BPdJm2ty.js +1 -0
  226. package/lib/assets/index-BPdJm2ty.js.map +1 -0
  227. package/lib/assets/{worker-BCcpCNJ7.js → worker-BXS8hiSM.js} +9844 -9800
  228. package/lib/assets/worker-BXS8hiSM.js.map +1 -0
  229. package/lib/cn-DpqTslo9.js +2342 -0
  230. package/lib/cn-DpqTslo9.js.map +1 -0
  231. package/lib/context-_fYfJFgk.js +14 -0
  232. package/lib/context-_fYfJFgk.js.map +1 -0
  233. package/lib/hook-kVJ4gpk5.js +25 -0
  234. package/lib/hook-kVJ4gpk5.js.map +1 -0
  235. package/lib/index-B2qLeglF.js +710 -0
  236. package/lib/index-B2qLeglF.js.map +1 -0
  237. package/lib/index-CUIxJAeE.js +713 -0
  238. package/lib/index-CUIxJAeE.js.map +1 -0
  239. package/lib/index-Cr3hgaqt.js +412 -0
  240. package/lib/index-Cr3hgaqt.js.map +1 -0
  241. package/lib/index-fXFJf9Ua.js +464 -0
  242. package/lib/index-fXFJf9Ua.js.map +1 -0
  243. package/lib/jsx-runtime-D7DwziLW.js +3009 -0
  244. package/lib/jsx-runtime-D7DwziLW.js.map +1 -0
  245. package/lib/loglevel-CA34MiFn.js +153 -0
  246. package/lib/loglevel-CA34MiFn.js.map +1 -0
  247. package/lib/prism-bash.min-DadFsM4Z.js +1 -0
  248. package/lib/prism-bash.min-DadFsM4Z.js.map +1 -0
  249. package/lib/prism-csharp.min-Yizuc34Y.js +35 -0
  250. package/lib/prism-csharp.min-Yizuc34Y.js.map +1 -0
  251. package/lib/prism-java.min-d5iT_mOd.js +1 -0
  252. package/lib/prism-java.min-d5iT_mOd.js.map +1 -0
  253. package/lib/prism-json.min-B1GJqK1k.js +1 -0
  254. package/lib/prism-json.min-B1GJqK1k.js.map +1 -0
  255. package/lib/prism-markup-templating-DZrrEs0A.js +1 -0
  256. package/lib/prism-markup-templating-DZrrEs0A.js.map +1 -0
  257. package/lib/prism-objectivec.min-BXSWqpJJ.js +2 -0
  258. package/lib/prism-objectivec.min-BXSWqpJJ.js.map +1 -0
  259. package/lib/prism-php.min-o7FpoMP_.js +1 -0
  260. package/lib/prism-php.min-o7FpoMP_.js.map +1 -0
  261. package/lib/prism-ruby.min-C7LwcKyz.js +1 -0
  262. package/lib/prism-ruby.min-C7LwcKyz.js.map +1 -0
  263. package/lib/{state-oycsxkHz.js → state-Ds_OxRHP.js} +20 -18
  264. package/lib/state-Ds_OxRHP.js.map +1 -0
  265. package/lib/urql-DMlBWUKL.js +1 -0
  266. package/lib/urql-DMlBWUKL.js.map +1 -0
  267. package/lib/util-DnDPBx_j.js +41 -0
  268. package/lib/util-DnDPBx_j.js.map +1 -0
  269. package/lib/zudoku.auth-auth0.js +3 -1
  270. package/lib/zudoku.auth-auth0.js.map +1 -0
  271. package/lib/zudoku.auth-clerk.js +11 -8
  272. package/lib/zudoku.auth-clerk.js.map +1 -0
  273. package/lib/zudoku.auth-openid.js +444 -588
  274. package/lib/zudoku.auth-openid.js.map +1 -0
  275. package/lib/zudoku.components.js +302 -305
  276. package/lib/zudoku.components.js.map +1 -0
  277. package/lib/zudoku.openapi-worker.js +16 -13
  278. package/lib/zudoku.openapi-worker.js.map +1 -0
  279. package/lib/zudoku.plugin-api-keys.js +296 -0
  280. package/lib/zudoku.plugin-api-keys.js.map +1 -0
  281. package/lib/zudoku.plugin-markdown.js +52 -0
  282. package/lib/zudoku.plugin-markdown.js.map +1 -0
  283. package/lib/zudoku.plugin-openapi.js +8 -0
  284. package/lib/zudoku.plugin-openapi.js.map +1 -0
  285. package/lib/zudoku.plugin-redirect.js +12 -0
  286. package/lib/zudoku.plugin-redirect.js.map +1 -0
  287. package/package.json +20 -6
  288. package/src/app/demo-cdn.html +26 -0
  289. package/src/app/demo.html +18 -0
  290. package/src/app/demo.tsx +35 -0
  291. package/src/app/main.css +74 -0
  292. package/src/app/main.tsx +40 -9
  293. package/src/app/standalone.html +20 -0
  294. package/src/app/standalone.tsx +42 -0
  295. package/src/lib/authentication/Callback.tsx +1 -1
  296. package/src/lib/authentication/authentication.ts +2 -5
  297. package/src/lib/authentication/hook.ts +1 -0
  298. package/src/lib/authentication/providers/auth0.tsx +1 -0
  299. package/src/lib/authentication/providers/clerk.tsx +2 -0
  300. package/src/lib/authentication/providers/openid.tsx +3 -1
  301. package/src/lib/authentication/state.ts +2 -0
  302. package/src/lib/components/DevPortal.tsx +13 -29
  303. package/src/lib/components/Error.tsx +15 -0
  304. package/src/lib/components/Header.tsx +7 -7
  305. package/src/lib/components/Heading.tsx +26 -7
  306. package/src/lib/components/Layout.tsx +3 -4
  307. package/src/lib/components/Router.tsx +2 -7
  308. package/src/lib/components/SyntaxHighlight.tsx +5 -1
  309. package/src/lib/components/TopNavigation.tsx +5 -0
  310. package/src/lib/components/context/DevPortalProvider.ts +2 -2
  311. package/src/lib/components/index.ts +9 -3
  312. package/src/lib/core/DevPortalContext.ts +42 -12
  313. package/src/lib/core/plugins.ts +10 -5
  314. package/src/lib/oas/graphql/index.ts +2 -2
  315. package/src/lib/oas/parser/index.ts +3 -1
  316. package/src/lib/plugins/{api-key → api-keys}/CreateApiKey.tsx +2 -8
  317. package/src/lib/plugins/{api-key → api-keys}/SettingsApiKeys.tsx +21 -14
  318. package/src/lib/plugins/{api-key → api-keys}/index.tsx +54 -8
  319. package/src/lib/plugins/markdown/MdxPage.tsx +52 -35
  320. package/src/lib/plugins/markdown/Toc.tsx +1 -1
  321. package/src/lib/plugins/markdown/generateRoutes.tsx +15 -5
  322. package/src/lib/plugins/markdown/index.tsx +8 -1
  323. package/src/lib/plugins/openapi/OperationList.tsx +10 -4
  324. package/src/lib/plugins/openapi/OperationListItem.tsx +66 -41
  325. package/src/lib/plugins/openapi/ParameterList.tsx +1 -1
  326. package/src/lib/plugins/openapi/ParameterListItem.tsx +3 -4
  327. package/src/lib/plugins/openapi/{MakeRequest.tsx → PlaygroundDialogWrapper.tsx} +4 -4
  328. package/src/lib/plugins/openapi/RequestBodySidecarBox.tsx +2 -16
  329. package/src/lib/plugins/openapi/ResponsesSidecarBox.tsx +3 -1
  330. package/src/lib/plugins/openapi/Route.tsx +21 -0
  331. package/src/lib/plugins/openapi/SchemaListView.tsx +15 -182
  332. package/src/lib/plugins/openapi/SchemaListViewItem.tsx +110 -0
  333. package/src/lib/plugins/openapi/SchemaListViewItemGroup.tsx +63 -0
  334. package/src/lib/plugins/openapi/Sidecar.tsx +15 -10
  335. package/src/lib/plugins/openapi/{Select.tsx → SimpleSelect.tsx} +6 -3
  336. package/src/lib/plugins/openapi/client/createMemoryClient.ts +56 -0
  337. package/src/lib/plugins/openapi/client/createServer.ts +33 -0
  338. package/src/lib/plugins/openapi/{worker/createSharedWorkerClient.ts → client/createWorkerClient.ts} +13 -1
  339. package/src/lib/plugins/openapi/client/interfaces.ts +3 -0
  340. package/src/lib/plugins/openapi/{worker → client}/worker.ts +3 -3
  341. package/src/lib/plugins/openapi/context.tsx +16 -0
  342. package/src/lib/plugins/openapi/index.tsx +37 -51
  343. package/src/lib/plugins/openapi/interfaces.ts +9 -0
  344. package/src/lib/plugins/openapi/playground/Headers.tsx +60 -33
  345. package/src/lib/plugins/openapi/playground/PathParams.tsx +1 -1
  346. package/src/lib/plugins/openapi/playground/Playground.tsx +158 -193
  347. package/src/lib/plugins/openapi/playground/PlaygroundDialog.tsx +34 -0
  348. package/src/lib/plugins/openapi/playground/QueryParams.tsx +1 -1
  349. package/src/lib/plugins/openapi/playground/createUrl.ts +1 -1
  350. package/src/lib/plugins/openapi/util/prose.ts +7 -0
  351. package/src/lib/plugins/openapi-worker.ts +1 -1
  352. package/src/lib/ui/Callout.tsx +2 -2
  353. package/src/lib/util/MdxComponents.tsx +1 -2
  354. package/src/lib/util/logInit.ts +9 -0
  355. package/src/lib/util/objectEntries.ts +5 -0
  356. package/src/lib/util/renderIf.ts +4 -0
  357. package/dist/app/App.d.ts +0 -2
  358. package/dist/app/App.js +0 -29
  359. package/dist/app/App.js.map +0 -1
  360. package/dist/lib/components/Link.d.ts +0 -1
  361. package/dist/lib/components/Link.js +0 -2
  362. package/dist/lib/components/Link.js.map +0 -1
  363. package/dist/lib/core/helmet.d.ts +0 -4
  364. package/dist/lib/core/helmet.js +0 -5
  365. package/dist/lib/core/helmet.js.map +0 -1
  366. package/dist/lib/core/icons.d.ts +0 -1
  367. package/dist/lib/core/icons.js +0 -2
  368. package/dist/lib/core/icons.js.map +0 -1
  369. package/dist/lib/core/router.d.ts +0 -1
  370. package/dist/lib/core/router.js +0 -2
  371. package/dist/lib/core/router.js.map +0 -1
  372. package/dist/lib/plugins/api-key/CreateApiKey.d.ts +0 -5
  373. package/dist/lib/plugins/api-key/CreateApiKey.js.map +0 -1
  374. package/dist/lib/plugins/api-key/SettingsApiKeys.d.ts +0 -5
  375. package/dist/lib/plugins/api-key/SettingsApiKeys.js +0 -38
  376. package/dist/lib/plugins/api-key/SettingsApiKeys.js.map +0 -1
  377. package/dist/lib/plugins/api-key/index.js.map +0 -1
  378. package/dist/lib/plugins/index.d.ts +0 -4
  379. package/dist/lib/plugins/index.js +0 -5
  380. package/dist/lib/plugins/index.js.map +0 -1
  381. package/dist/lib/plugins/openapi/MakeRequest.js.map +0 -1
  382. package/dist/lib/plugins/openapi/Select.js +0 -5
  383. package/dist/lib/plugins/openapi/Select.js.map +0 -1
  384. package/dist/lib/plugins/openapi/worker/createSharedWorkerClient.d.ts +0 -5
  385. package/dist/lib/plugins/openapi/worker/createSharedWorkerClient.js.map +0 -1
  386. package/dist/lib/plugins/openapi/worker/shared-worker.d.ts +0 -1
  387. package/dist/lib/plugins/openapi/worker/shared-worker.js +0 -6
  388. package/dist/lib/plugins/openapi/worker/shared-worker.js.map +0 -1
  389. package/dist/lib/plugins/openapi/worker/worker.js.map +0 -1
  390. package/dist/vite/common.d.ts +0 -1
  391. package/dist/vite/common.js +0 -5
  392. package/dist/vite/common.js.map +0 -1
  393. package/lib/Spinner-7LezPqGn.js +0 -8393
  394. package/lib/clerk-Wslx_mPo.js +0 -19685
  395. package/lib/index-DNx3xWa2.js +0 -3461
  396. package/lib/zudoku.plugins.js +0 -19863
  397. package/src/app/App.tsx +0 -40
  398. package/src/lib/components/Link.tsx +0 -1
  399. package/src/lib/core/helmet.ts +0 -5
  400. package/src/lib/core/icons.tsx +0 -1
  401. package/src/lib/core/router.tsx +0 -1
  402. package/src/lib/plugins/index.ts +0 -4
  403. package/src/lib/plugins/openapi/worker/shared-worker.ts +0 -5
  404. /package/dist/lib/plugins/{api-key → api-keys}/index.d.ts +0 -0
  405. /package/dist/lib/plugins/openapi/{worker → client}/worker.d.ts +0 -0
package/src/app/main.css CHANGED
@@ -2,6 +2,80 @@
2
2
  @tailwind components;
3
3
  @tailwind utilities;
4
4
 
5
+ @font-face {
6
+ font-family: Geist;
7
+ font-style: normal;
8
+ font-weight: 100;
9
+ font-display: swap;
10
+ src: url("https://cdn.zudoku.dev/geist/Geist-Thin.woff2") format("woff2");
11
+ }
12
+
13
+ @font-face {
14
+ font-family: Geist;
15
+ font-style: normal;
16
+ font-weight: 200;
17
+ font-display: swap;
18
+ src: url("https://cdn.zudoku.dev/geist/Geist-UltraLight.woff2")
19
+ format("woff2");
20
+ }
21
+
22
+ @font-face {
23
+ font-family: Geist;
24
+ font-style: normal;
25
+ font-weight: 300;
26
+ font-display: swap;
27
+ src: url("https://cdn.zudoku.dev/geist/Geist-Light.woff2") format("woff2");
28
+ }
29
+
30
+ @font-face {
31
+ font-family: Geist;
32
+ font-style: normal;
33
+ font-weight: 400;
34
+ font-display: swap;
35
+ src: url("https://cdn.zudoku.dev/geist/Geist-Regular.woff2") format("woff2");
36
+ }
37
+
38
+ @font-face {
39
+ font-family: Geist;
40
+ font-style: normal;
41
+ font-weight: 500;
42
+ font-display: swap;
43
+ src: url("https://cdn.zudoku.dev/geist/Geist-Medium.woff2") format("woff2");
44
+ }
45
+
46
+ @font-face {
47
+ font-family: Geist;
48
+ font-style: normal;
49
+ font-weight: 600;
50
+ font-display: swap;
51
+ src: url("https://cdn.zudoku.dev/geist/Geist-SemiBold.woff2") format("woff2");
52
+ }
53
+
54
+ @font-face {
55
+ font-family: Geist;
56
+ font-style: normal;
57
+ font-weight: 700;
58
+ font-display: swap;
59
+ src: url("https://cdn.zudoku.dev/geist/Geist-Bold.woff2") format("woff2");
60
+ }
61
+
62
+ @font-face {
63
+ font-family: Geist;
64
+ font-style: normal;
65
+ font-weight: 800;
66
+ font-display: swap;
67
+ src: url("https://cdn.zudoku.dev/geist/Geist-Black.woff2") format("woff2");
68
+ }
69
+
70
+ @font-face {
71
+ font-family: Geist;
72
+ font-style: normal;
73
+ font-weight: 900;
74
+ font-display: swap;
75
+ src: url("https://cdn.zudoku.dev/geist/Geist-UltraBlack.woff2")
76
+ format("woff2");
77
+ }
78
+
5
79
  @layer base {
6
80
  :root {
7
81
  --top-header-height: 65px;
package/src/app/main.tsx CHANGED
@@ -1,18 +1,49 @@
1
- import log from "loglevel";
2
1
  import { StrictMode } from "react";
3
2
  import { createRoot } from "react-dom/client";
4
- import App from "./App.js";
5
3
 
6
- log.setDefaultLevel("silent");
4
+ import "./main.css";
7
5
 
8
- if (import.meta.env.DEV) {
9
- log.setLevel("debug");
10
- } else if (localStorage.getItem("ENABLE_DEBUG_LOGS")) {
11
- log.setLevel("debug");
12
- }
6
+ import "../lib/util/logInit.js";
7
+
8
+ // Virtual config
9
+ import config from "virtual:zudoku-config";
10
+
11
+ // Virtual Plugins
12
+ import { configuredApiKeysPlugin } from "virtual:zudoku-api-keys-plugin";
13
+ import { configuredApiPlugins } from "virtual:zudoku-api-plugins";
14
+ import { configuredAuthProvider } from "virtual:zudoku-auth";
15
+ import { configuredDocsPlugins } from "virtual:zudoku-docs-plugins";
16
+ import { configuredRedirectPlugin } from "virtual:zudoku-redirect-plugin";
17
+
18
+ // Base React Component
19
+ import { DevPortal } from "zudoku/components";
20
+
21
+ // IMPORTANT: This component must not contain tailwind classes
22
+ // This directory is not processed by the tailwind plugin
13
23
 
14
24
  createRoot(document.getElementById("root")!).render(
15
25
  <StrictMode>
16
- <App />
26
+ <DevPortal
27
+ page={{
28
+ logo: config.page?.logo ?? "https://cdn.zudoku.dev/logos/icon.svg",
29
+ pageTitle: "Developer Portal",
30
+ ...config.page,
31
+ }}
32
+ metadata={{
33
+ favicon: "https://cdn.zudoku.dev/logos/icon.svg",
34
+ title: "%s | Developer Portal",
35
+ ...config.metadata,
36
+ }}
37
+ navigation={config.navigation ?? []}
38
+ authentication={configuredAuthProvider}
39
+ mdxComponents={config.mdx?.components}
40
+ plugins={[
41
+ ...configuredDocsPlugins,
42
+ ...configuredApiPlugins,
43
+ configuredRedirectPlugin,
44
+ ...(configuredApiKeysPlugin ? [configuredApiKeysPlugin] : []),
45
+ ...(configuredAuthProvider ? [configuredAuthProvider] : []),
46
+ ]}
47
+ />
17
48
  </StrictMode>,
18
49
  );
package/src/app/standalone.html ADDED
@@ -0,0 +1,20 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link
6
+ rel="icon"
7
+ type="image/svg+xml"
8
+ href="https://cdn.zudoku.dev/logos/icon.svg"
9
+ />
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
11
+ <title>Dev Portal</title>
12
+ <script type="module" crossorigin src="./main.js"></script>
13
+ <link rel="stylesheet" crossorigin href="./style.css" />
14
+ </head>
15
+ <body>
16
+ <div
17
+ data-api-url="https://blue-sloth-main-afc3428.d2.zuplo.dev/schemas/rewiring-america"
18
+ ></div>
19
+ </body>
20
+ </html>
package/src/app/standalone.tsx ADDED
@@ -0,0 +1,42 @@
1
+ import "./main.css";
2
+
3
+ import "../lib/util/logInit.js";
4
+
5
+ // Base React Component
6
+ import { DevPortal } from "../lib/components/DevPortal.js";
7
+
8
+ import { StrictMode } from "react";
9
+ import { createRoot } from "react-dom/client";
10
+ import type { NavigationItem } from "../lib/core/DevPortalContext.js";
11
+ import { openApiPlugin } from "../lib/plugins/openapi/index.js";
12
+
13
+ const root = document.querySelector("[data-api-url]");
14
+ if (!root || root.tagName !== "DIV") {
15
+ throw new Error("No div found with attribute data-api-url");
16
+ }
17
+
18
+ const apiUrl = root.getAttribute("data-api-url");
19
+ const pageTitle = document.getElementsByTagName("title")[0].innerText;
20
+ const logoUrl = root.getAttribute("data-logo-url");
21
+
22
+ const navigation: NavigationItem[] = [
23
+ {
24
+ label: "API Reference",
25
+ path: "/",
26
+ categories: [],
27
+ },
28
+ ];
29
+
30
+ createRoot(root).render(
31
+ <StrictMode>
32
+ <DevPortal
33
+ page={{
34
+ logo: logoUrl ?? "https://cdn.zudoku.dev/logos/icon.svg",
35
+ // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
36
+ pageTitle: pageTitle ?? "Developer Portal",
37
+ }}
38
+ navigation={navigation}
39
+ plugins={[openApiPlugin({ type: "url", input: apiUrl!, path: "/" })]}
40
+ />
41
+ </StrictMode>,
42
+ );
package/src/lib/authentication/Callback.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { useEffect, useRef, useState } from "react";
2
- import { useNavigate } from "../core/router.js";
2
+ import { useNavigate } from "react-router-dom";
3
3
  import { OAuthAuthorizationError } from "./errors.js";
4
4
 
5
5
  export function Callback({
package/src/lib/authentication/authentication.ts CHANGED
@@ -1,9 +1,6 @@
1
- import {
2
- InitializationPlugin,
3
- NavigationPlugin,
4
- } from "../../lib/core/plugins.js";
1
+ import { CommonPlugin, NavigationPlugin } from "../core/plugins.js";
5
2
 
6
- type AuthenticationPlugin = NavigationPlugin & InitializationPlugin;
3
+ type AuthenticationPlugin = NavigationPlugin & CommonPlugin;
7
4
 
8
5
  export interface AuthenticationProvider extends AuthenticationPlugin {
9
6
  login(): Promise<void>;
package/src/lib/authentication/hook.ts CHANGED
@@ -8,6 +8,7 @@ export const useAuth = () => {
8
8
 
9
9
  return {
10
10
  isAuthEnabled,
11
+ isPending: authState.isPending,
11
12
  profile: authState.profile,
12
13
  isAuthenticated: authState.profile,
13
14
 
package/src/lib/authentication/providers/auth0.tsx CHANGED
@@ -7,6 +7,7 @@ class Auth0AuthenticationProvider extends OpenIDAuthenticationProvider {
7
7
  override async logout(): Promise<void> {
8
8
  useAuthState.setState({
9
9
  isAuthenticated: false,
10
+ isPending: false,
10
11
  profile: undefined,
11
12
  });
12
13
  const as = await this.getAuthServer();
package/src/lib/authentication/providers/clerk.tsx CHANGED
@@ -34,6 +34,7 @@ const clerkAuth: AuthenticationProviderInitializer<
34
34
  if (clerkApi.session) {
35
35
  useAuthState.setState({
36
36
  isAuthenticated: true,
37
+ isPending: false,
37
38
  profile: {
38
39
  sub: clerkApi.session.user.id,
39
40
  name: clerkApi.session.user.fullName ?? undefined,
@@ -46,6 +47,7 @@ const clerkAuth: AuthenticationProviderInitializer<
46
47
  } else {
47
48
  useAuthState.setState({
48
49
  isAuthenticated: false,
50
+ isPending: false,
49
51
  profile: undefined,
50
52
  });
51
53
  }
package/src/lib/authentication/providers/openid.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import logger from "loglevel";
2
2
  import * as oauth from "oauth4webapi";
3
+ import type { RouteObject } from "react-router-dom";
3
4
  import { OpenIDAuthenticationConfig } from "../../../config/config.js";
4
- import { RouteObject } from "../../core/router.js";
5
5
  import {
6
6
  AuthenticationProvider,
7
7
  AuthenticationProviderInitializer,
@@ -180,6 +180,7 @@ export class OpenIDAuthenticationProvider implements AuthenticationProvider {
180
180
  async logout(): Promise<void> {
181
181
  useAuthState.setState({
182
182
  isAuthenticated: false,
183
+ isPending: false,
183
184
  profile: undefined,
184
185
  });
185
186
 
@@ -293,6 +294,7 @@ export class OpenIDAuthenticationProvider implements AuthenticationProvider {
293
294
 
294
295
  useAuthState.setState({
295
296
  isAuthenticated: true,
297
+ isPending: false,
296
298
  profile,
297
299
  });
298
300
 
package/src/lib/authentication/state.ts CHANGED
@@ -1,11 +1,13 @@
1
1
  import { create } from "zustand";
2
2
 
3
3
  export const useAuthState = create<AuthState>(() => ({
4
+ isPending: true,
4
5
  isAuthenticated: false,
5
6
  }));
6
7
 
7
8
  export interface AuthState {
8
9
  isAuthenticated: boolean;
10
+ isPending: boolean;
9
11
  profile?: UserProfile;
10
12
  }
11
13
 
package/src/lib/components/DevPortal.tsx CHANGED
@@ -1,31 +1,24 @@
1
- /* eslint-disable react/destructuring-assignment */
2
1
  import { MDXProvider } from "@mdx-js/react";
3
2
  import { QueryClientProvider } from "@tanstack/react-query";
4
- import { memo, Suspense, useEffect, useMemo } from "react";
3
+ import { Fragment, memo, Suspense, useEffect, useMemo } from "react";
4
+ import { Helmet, HelmetProvider } from "react-helmet-async";
5
5
  import {
6
6
  DevPortalContext,
7
7
  queryClient,
8
- type NavigationItem,
8
+ ZudokuContextOptions,
9
9
  } from "../core/DevPortalContext.js";
10
- import { HelmetProvider } from "../core/helmet.js";
11
- import { type DevPortalPlugin } from "../core/plugins.js";
12
-
13
- import { AuthenticationProvider } from "../authentication/authentication.js";
14
- import {
15
- MdxComponents,
16
- type MdxComponentsType,
17
- } from "../util/MdxComponents.js";
10
+ import { hasHead } from "../core/plugins.js";
11
+ import { MdxComponents } from "../util/MdxComponents.js";
18
12
  import {
19
13
  ComponentsProvider,
20
14
  DEFAULT_COMPONENTS,
21
- type ComponentsContextType,
22
15
  } from "./context/ComponentsContext.js";
23
16
  import { DevPortalProvider } from "./context/DevPortalProvider.js";
24
17
  import { ThemeProvider } from "./context/ThemeContext.js";
25
18
  import { ViewportAnchorProvider } from "./context/ViewportAnchorContext.js";
26
19
  import { Router } from "./Router.js";
27
20
 
28
- export const DevPortalSystemPaths = {
21
+ const DevPortalSystemPaths = {
29
22
  Settings: "/settings",
30
23
  } as const;
31
24
 
@@ -33,22 +26,7 @@ export type DevPortalPath =
33
26
  | string
34
27
  | (typeof DevPortalSystemPaths)[keyof typeof DevPortalSystemPaths];
35
28
 
36
- export type DevPortalProps = {
37
- meta?: Partial<{
38
- headerTitle: string;
39
- pageTitle: string;
40
- description: string;
41
- logo: string;
42
- favicon: string;
43
- }>;
44
- authentication?: AuthenticationProvider;
45
- navigation: NavigationItem[];
46
- plugins?: DevPortalPlugin[];
47
- mdxComponents?: MdxComponentsType;
48
- overrides?: ComponentsContextType;
49
- };
50
-
51
- const DevPortalInner = (props: DevPortalProps) => {
29
+ const DevPortalInner = (props: ZudokuContextOptions) => {
52
30
  const components = useMemo(
53
31
  () => ({ ...DEFAULT_COMPONENTS, ...props.overrides }),
54
32
  [props.overrides],
@@ -65,9 +43,15 @@ const DevPortalInner = (props: DevPortalProps) => {
65
43
  void devPortalContext.initialize();
66
44
  }, [devPortalContext]);
67
45
 
46
+ const heads = props.plugins
47
+ ?.filter(hasHead)
48
+ // eslint-disable-next-line react/no-array-index-key
49
+ .map((plugin, i) => <Fragment key={i}>{plugin.getHead?.()}</Fragment>);
50
+
68
51
  return (
69
52
  <QueryClientProvider client={queryClient}>
70
53
  <HelmetProvider>
54
+ <Helmet>{heads}</Helmet>
71
55
  <DevPortalProvider value={devPortalContext}>
72
56
  <MDXProvider components={mdxComponents}>
73
57
  <ThemeProvider>
package/src/lib/components/Error.tsx ADDED
@@ -0,0 +1,15 @@
1
+ import { useRouteError } from "react-router-dom";
2
+ import { Layout } from "./Layout.js";
3
+
4
+ export function ErrorBoundary() {
5
+ const error = useRouteError();
6
+ // eslint-disable-next-line no-console
7
+ console.error(error);
8
+ return (
9
+ <Layout>
10
+ <div className="h-[75vh] flex items-center justify-center">
11
+ Error, look at the console
12
+ </div>
13
+ </Layout>
14
+ );
15
+ }
package/src/lib/components/Header.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { MoonStarIcon, SearchIcon, SunIcon } from "lucide-react";
1
+ import { MoonStarIcon, SunIcon } from "lucide-react";
2
2
  import { memo } from "react";
3
3
 
4
4
  import { useAuth } from "../authentication/hook.js";
@@ -9,7 +9,7 @@ import { useTheme } from "./context/ThemeContext.js";
9
9
  export const Header = memo(function HeaderInner() {
10
10
  const [isDark, toggleTheme] = useTheme();
11
11
  const { isAuthenticated, profile, isAuthEnabled, login, logout } = useAuth();
12
- const { meta } = useDevPortal();
12
+ const { page } = useDevPortal();
13
13
 
14
14
  const ThemeIcon = isDark ? MoonStarIcon : SunIcon;
15
15
 
@@ -18,16 +18,16 @@ export const Header = memo(function HeaderInner() {
18
18
  <div className="max-w-screen-2xl mx-auto">
19
19
  <div className="grid grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b border-border px-12 h-[--top-header-height]">
20
20
  <div className="flex items-center gap-3.5">
21
- {meta?.logo && (
22
- <img src={meta.logo} alt="My Dev Portal" className="h-10" />
21
+ {page?.logo && (
22
+ <img src={page.logo} alt={page.pageTitle} className="h-10" />
23
23
  )}
24
24
  <span className="font-bold text-2xl text-foreground/85 tracking-wide">
25
- {meta?.headerTitle}
25
+ {page?.pageTitle}
26
26
  </span>
27
27
  </div>
28
28
  <div className="grid grid-cols-[--sidecar-grid-cols] items-center gap-8">
29
29
  <div className="w-full max-w-prose">
30
- <button className="flex items-center border border-input hover:bg-accent hover:text-accent-foreground p-4 relative h-8 justify-start rounded-lg bg-background text-sm text-muted-foreground shadow-none w-40 sm:w-72">
30
+ {/*<button className="flex items-center border border-input hover:bg-accent hover:text-accent-foreground p-4 relative h-8 justify-start rounded-lg bg-background text-sm text-muted-foreground shadow-none w-40 sm:w-72">
31
31
  <div className="flex items-center gap-2 flex-grow">
32
32
  <SearchIcon size={14} />
33
33
  Search
@@ -35,7 +35,7 @@ export const Header = memo(function HeaderInner() {
35
35
  <kbd className="absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[11px] font-medium opacity-100 sm:flex">
36
36
  ⌘K
37
37
  </kbd>
38
- </button>
38
+ </button>*/}
39
39
  </div>
40
40
 
41
41
  <div className="items-center justify-self-end text-sm hidden lg:flex">
package/src/lib/components/Heading.tsx CHANGED
@@ -1,7 +1,24 @@
1
- import { type ReactNode } from "react";
2
- import { cn } from "../util/cn.js";
1
+ import React, { type ReactNode } from "react";
3
2
  import { useRegisterAnchorElement } from "./context/ViewportAnchorContext.js";
4
3
 
4
+ import { cva, type VariantProps } from "class-variance-authority";
5
+
6
+ const heading = cva("group relative", {
7
+ variants: {
8
+ level: {
9
+ 6: "text-md",
10
+ 5: "text-lg",
11
+ 4: "text-xl",
12
+ 3: "text-xl font-semibold",
13
+ 2: "text-2xl font-bold",
14
+ 1: "text-4xl font-extrabold",
15
+ },
16
+ },
17
+ defaultVariants: {
18
+ level: 1,
19
+ },
20
+ });
21
+
5
22
  const getComponent = (level: number) => {
6
23
  switch (level) {
7
24
  case 1:
@@ -21,27 +38,29 @@ const getComponent = (level: number) => {
21
38
  }
22
39
  };
23
40
 
24
- export type HeadingProps = {
41
+ export interface HeadingProps
42
+ extends React.ButtonHTMLAttributes<HTMLButtonElement>,
43
+ VariantProps<typeof heading> {
25
44
  children: ReactNode;
26
45
  className?: string;
27
46
  id?: string;
28
47
  level?: 1 | 2 | 3 | 4 | 5 | 6;
29
48
  registerSidebarAnchor?: boolean;
30
- };
49
+ }
31
50
 
32
- export const Heading = ({
51
+ export const Heading: React.FC<HeadingProps> = ({
33
52
  level,
34
53
  children,
35
54
  id,
36
55
  className,
37
56
  registerSidebarAnchor,
38
- }: HeadingProps) => {
57
+ }) => {
39
58
  const Component = getComponent(level ?? 1);
40
59
  const { ref } = useRegisterAnchorElement();
41
60
 
42
61
  return (
43
62
  <Component
44
- className={cn("group relative", className)}
63
+ className={heading({ className, level })}
45
64
  ref={registerSidebarAnchor ? ref : undefined}
46
65
  id={id}
47
66
  >
package/src/lib/components/Layout.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Suspense, useEffect, useRef, type ReactNode } from "react";
2
+ import { Helmet } from "react-helmet-async";
2
3
  import { Outlet, useLocation } from "react-router-dom";
3
- import { Helmet } from "../core/helmet.js";
4
4
  import { useScrollToAnchor } from "../util/useScrollToAnchor.js";
5
5
  import { useScrollToTop } from "../util/useScrollToTop.js";
6
6
  import { useDevPortal } from "./context/DevPortalProvider.js";
@@ -29,8 +29,7 @@ export const Layout = ({ children }: { children?: ReactNode }) => {
29
29
 
30
30
  return (
31
31
  <>
32
- <Helmet titleTemplate={meta?.pageTitle}>
33
- <title>Home</title>
32
+ <Helmet titleTemplate={meta?.title}>
34
33
  {meta?.description && (
35
34
  <meta name="description" content={meta.description} />
36
35
  )}
@@ -48,7 +47,7 @@ export const Layout = ({ children }: { children?: ReactNode }) => {
48
47
  >
49
48
  <SideNavigation />
50
49
  <main
51
- className="dark:border-white/10 translate-x-0
50
+ className="dark:border-white/10 translate-x-0 h-full
52
51
  lg:overflow-visible
53
52
  lg:peer-data-[navigation=true]:w-[calc(100%-var(--side-nav-width))]
54
53
  lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] peer-data-[navigation=true]:pl-12"
package/src/lib/components/Router.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import { useMemo } from "react";
2
2
  import { createBrowserRouter, RouterProvider } from "react-router-dom";
3
3
  import { DevPortalPlugin, isNavigationPlugin } from "../core/plugins.js";
4
+ import { ErrorBoundary } from "./Error.js";
4
5
  import { Layout } from "./Layout.js";
5
6
 
6
7
  export function Router({ plugins }: { plugins?: DevPortalPlugin[] }) {
@@ -13,13 +14,7 @@ export function Router({ plugins }: { plugins?: DevPortalPlugin[] }) {
13
14
  {
14
15
  path: "/",
15
16
  element: <Layout />,
16
- errorElement: (
17
- <Layout>
18
- <div className="h-[75vh] flex items-center justify-center">
19
- Error, look at the console
20
- </div>
21
- </Layout>
22
- ),
17
+ errorElement: <ErrorBoundary />,
23
18
  children: routes,
24
19
  },
25
20
  ]);
package/src/lib/components/SyntaxHighlight.tsx CHANGED
@@ -21,6 +21,10 @@ if (!import.meta.env.SSR) {
21
21
  import("prismjs/components/prism-json.min.js");
22
22
  // @ts-expect-error This is untyped
23
23
  import("prismjs/components/prism-java.min.js");
24
+ // @ts-expect-error This is untyped
25
+ import("prismjs/components/prism-csharp.min.js");
26
+ // @ts-expect-error This is untyped
27
+ import("prismjs/components/prism-objectivec.min.js");
24
28
  }
25
29
 
26
30
  import { useState } from "react";
@@ -67,7 +71,7 @@ export const SyntaxHighlight = ({
67
71
  disabled={isCopied}
68
72
  onClick={() => {
69
73
  setIsCopied(true);
70
- navigator.clipboard.writeText(
74
+ void navigator.clipboard.writeText(
71
75
  tokens
72
76
  .map((line) => line.map(({ content }) => content).join(""))
73
77
  .join("\n"),
package/src/lib/components/TopNavigation.tsx CHANGED
@@ -6,6 +6,11 @@ import { useDevPortal } from "./context/DevPortalProvider.js";
6
6
  export const TopNavigation = () => {
7
7
  const { navigation } = useDevPortal();
8
8
 
9
+ // Hide tope nav if there is only one item
10
+ if (navigation.length <= 1) {
11
+ return null;
12
+ }
13
+
9
14
  return (
10
15
  <nav className="border-b border-border text-sm px-12 h-[--top-nav-height]">
11
16
  <ul className="flex flex-row items-center gap-8">
package/src/lib/components/context/DevPortalProvider.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { useSuspenseQuery } from "@tanstack/react-query";
1
+ import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
2
2
  import { createContext, useContext } from "react";
3
3
  import { matchPath, useLocation } from "react-router-dom";
4
4
  import { DevPortalContext } from "../../core/DevPortalContext.js";
@@ -21,7 +21,7 @@ export const useDevPortal = () => {
21
21
 
22
22
  export const useApiIdentities = () => {
23
23
  const { getApiIdentities } = useDevPortal();
24
- return useSuspenseQuery({
24
+ return useQuery({
25
25
  queryFn: getApiIdentities,
26
26
  queryKey: ["api-identities"],
27
27
  });
package/src/lib/components/index.ts CHANGED
@@ -1,3 +1,9 @@
1
- export { useMDXComponents } from "@mdx-js/react";
2
- export { DevPortal } from "./DevPortal.js";
3
- export { Link } from "./Link.js";
1
+ import { useMDXComponents as useMDXComponentsImport } from "@mdx-js/react";
2
+ import { Link as LinkImport } from "react-router-dom";
3
+ import { Callout as CalloutImport } from "../ui/Callout.js";
4
+ import { DevPortal as DevPortalImport } from "./DevPortal.js";
5
+
6
+ export const useMDXComponents = /*@__PURE__*/ useMDXComponentsImport;
7
+ export const Callout = /*@__PURE__*/ CalloutImport;
8
+ export const DevPortal = /*@__PURE__*/ DevPortalImport;
9
+ export const Link = /*@__PURE__*/ LinkImport;