From 7ad5c16495c95d278662280170aca4996707bb85 Mon Sep 17 00:00:00 2001 From: Harv Date: Sat, 3 May 2025 07:12:03 +0000 Subject: [PATCH 1/3] Add group component --- quartz/components/Group.tsx | 23 +++++++++++++++++++++++ quartz/components/index.ts | 2 ++ 2 files changed, 25 insertions(+) create mode 100644 quartz/components/Group.tsx diff --git a/quartz/components/Group.tsx b/quartz/components/Group.tsx new file mode 100644 index 000000000..ccb17dc15 --- /dev/null +++ b/quartz/components/Group.tsx @@ -0,0 +1,23 @@ +import { concatenateResources } from "../util/resources" +import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types" + +interface GroupConfig { + components: QuartzComponent[] +} + +export default ((config: GroupConfig) => { + const Group: QuartzComponent = (props: QuartzComponentProps) => + config.components + .map((c: QuartzComponent) => ({ component: c })) + .map((it: { component: QuartzComponent} ) => ()) + + + Group.afterDOMLoaded = concatenateResources( + ...config.components.map((c) => c.afterDOMLoaded), + ) + Group.beforeDOMLoaded = concatenateResources( + ...config.components.map((c) => c.beforeDOMLoaded), + ) + Group.css = concatenateResources(...config.components.map((c) => c.css)) + return Group +}) satisfies QuartzComponentConstructor \ No newline at end of file diff --git a/quartz/components/index.ts b/quartz/components/index.ts index cece8e614..bf7a0f35b 100644 --- a/quartz/components/index.ts +++ b/quartz/components/index.ts @@ -23,6 +23,7 @@ import Breadcrumbs from "./Breadcrumbs" import Comments from "./Comments" import Flex from "./Flex" import ConditionalRender from "./ConditionalRender" +import Group from "./Group" export { ArticleTitle, @@ -50,4 +51,5 @@ export { Comments, Flex, ConditionalRender, + Group } From 692815dd8d801d8b7a96b3a81211f9af15d534bf Mon Sep 17 00:00:00 2001 From: Harv Date: Sat, 3 May 2025 07:37:02 +0000 Subject: [PATCH 2/3] prettier --- quartz/components/Group.tsx | 25 ++++++++++--------------- quartz/components/index.ts | 2 +- 2 files changed, 11 insertions(+), 16 deletions(-) diff --git a/quartz/components/Group.tsx b/quartz/components/Group.tsx index ccb17dc15..d83d24cb7 100644 --- a/quartz/components/Group.tsx +++ b/quartz/components/Group.tsx @@ -2,22 +2,17 @@ import { concatenateResources } from "../util/resources" import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types" interface GroupConfig { - components: QuartzComponent[] + components: QuartzComponent[] } export default ((config: GroupConfig) => { - const Group: QuartzComponent = (props: QuartzComponentProps) => - config.components - .map((c: QuartzComponent) => ({ component: c })) - .map((it: { component: QuartzComponent} ) => ()) + const Group: QuartzComponent = (props: QuartzComponentProps) => + config.components + .map((c: QuartzComponent) => ({ component: c })) + .map((it: { component: QuartzComponent }) => ) - - Group.afterDOMLoaded = concatenateResources( - ...config.components.map((c) => c.afterDOMLoaded), - ) - Group.beforeDOMLoaded = concatenateResources( - ...config.components.map((c) => c.beforeDOMLoaded), - ) - Group.css = concatenateResources(...config.components.map((c) => c.css)) - return Group -}) satisfies QuartzComponentConstructor \ No newline at end of file + Group.afterDOMLoaded = concatenateResources(...config.components.map((c) => c.afterDOMLoaded)) + Group.beforeDOMLoaded = concatenateResources(...config.components.map((c) => c.beforeDOMLoaded)) + Group.css = concatenateResources(...config.components.map((c) => c.css)) + return Group +}) satisfies QuartzComponentConstructor diff --git a/quartz/components/index.ts b/quartz/components/index.ts index bf7a0f35b..80c6a03d7 100644 --- a/quartz/components/index.ts +++ b/quartz/components/index.ts @@ -51,5 +51,5 @@ export { Comments, Flex, ConditionalRender, - Group + Group, } From 00fd86a3b7f3928e6b26701f13ce5f60435ad056 Mon Sep 17 00:00:00 2001 From: Harv Date: Sat, 3 May 2025 07:41:23 +0000 Subject: [PATCH 3/3] clean up --- quartz/components/Group.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/quartz/components/Group.tsx b/quartz/components/Group.tsx index d83d24cb7..55f122ffa 100644 --- a/quartz/components/Group.tsx +++ b/quartz/components/Group.tsx @@ -7,9 +7,7 @@ interface GroupConfig { export default ((config: GroupConfig) => { const Group: QuartzComponent = (props: QuartzComponentProps) => - config.components - .map((c: QuartzComponent) => ({ component: c })) - .map((it: { component: QuartzComponent }) => ) + config.components.map((C: QuartzComponent) => ) Group.afterDOMLoaded = concatenateResources(...config.components.map((c) => c.afterDOMLoaded)) Group.beforeDOMLoaded = concatenateResources(...config.components.map((c) => c.beforeDOMLoaded))