From 38cc44e8ba0cd1f9f0777d108927e9ec8a69a2f5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Juho=20Veps=C3=A4l=C3=A4inen?= Date: Wed, 14 Feb 2024 15:05:54 +0200 Subject: [PATCH 1/4] chore: Sketch out a component viewer --- plugins/breezewind-renderer/mod.ts | 12 +++++++++++- site/components/ComponentSelector.html | 3 +++ site/components/ComponentViewer.html | 1 + site/layouts/BaseLayout.html | 2 +- site/layouts/componentViewerPage.html | 12 ++++++++++++ site/layouts/componentViewerPage.server.ts | 5 +++++ site/routes.json | 7 +++++++ 7 files changed, 40 insertions(+), 2 deletions(-) create mode 100644 site/components/ComponentSelector.html create mode 100644 site/components/ComponentViewer.html create mode 100644 site/layouts/componentViewerPage.html create mode 100644 site/layouts/componentViewerPage.server.ts diff --git a/plugins/breezewind-renderer/mod.ts b/plugins/breezewind-renderer/mod.ts index 68803bb7..c37e1cb8 100644 --- a/plugins/breezewind-renderer/mod.ts +++ b/plugins/breezewind-renderer/mod.ts @@ -5,6 +5,7 @@ import { applyUtilities } from "../../breezewind/applyUtility.ts"; import * as breezeExtensions from "../../breezewind/extensions.ts"; import { attachIds } from "../../utilities/attachIds.ts"; import { defaultUtilities } from "../../breezewind/defaultUtilities.ts"; +import { isObject } from "../../utilities/functional.ts"; import { type Components, initLoaders, @@ -284,7 +285,16 @@ function renderHTML( breezeExtensions.visibleIf, breezeExtensions.foreach, ], - context, + context: { + ...context, + components: isObject(components) + // @ts-expect-error This is fine + ? Object.entries(components).map(([name, component]) => ({ + name, + component, + })) + : {}, + }, globalUtilities, componentUtilities, }); diff --git a/site/components/ComponentSelector.html b/site/components/ComponentSelector.html new file mode 100644 index 00000000..978055c5 --- /dev/null +++ b/site/components/ComponentSelector.html @@ -0,0 +1,3 @@ + diff --git a/site/components/ComponentViewer.html b/site/components/ComponentViewer.html new file mode 100644 index 00000000..4cbb2da9 --- /dev/null +++ b/site/components/ComponentViewer.html @@ -0,0 +1 @@ +
diff --git a/site/layouts/BaseLayout.html b/site/layouts/BaseLayout.html index fe3e969c..ac149a38 100644 --- a/site/layouts/BaseLayout.html +++ b/site/layouts/BaseLayout.html @@ -26,7 +26,7 @@ /> - +