blame | history | patch | commit | commitdiff | ignore whitespace
Jacky Zhao
2023-06-18 c4cf0dcb022ff826433b63b8ff68830bb8503895 
 quartz/plugins/emitters/contentPage.tsx


@@ -2,16 +2,16 @@


import { QuartzEmitterPlugin } from "../types"


import { render } from "preact-render-to-string"


import { QuartzComponent } from "../../components/types"


import { resolveToRoot } from "../../path"


import { resolveToRoot, trimPathSuffix } from "../../path"


import HeaderConstructor from "../../components/Header"


import { QuartzComponentProps } from "../../components/types"


import BodyConstructor from "../../components/Body"


import ContentConstructor from "../../components/Content"




interface Options {


  head: QuartzComponent


  header: QuartzComponent[],


  beforeBody: QuartzComponent[],


  content: QuartzComponent,


  left: QuartzComponent[],


  right: QuartzComponent[],


  footer: QuartzComponent[],


@@ -25,12 +25,11 @@


  const { head: Head, header, beforeBody, left, right, footer } = opts


  const Header = HeaderConstructor()


  const Body = BodyConstructor()


  const Content = ContentConstructor()




  return {


    name: "ContentPage",


    getQuartzComponents() {


      return [opts.head, Header, Body, ...opts.header, ...opts.beforeBody, ...opts.left, ...opts.right, ...opts.footer]


      return [opts.head, Header, Body, ...opts.header, ...opts.beforeBody, opts.content, ...opts.left, ...opts.right, ...opts.footer]


    },


    async emit(_contentDir, cfg, content, resources, emit): Promise<string[]> {


      const fps: string[] = []


@@ -54,19 +53,22 @@


          tree


        }




        const Content = opts.content


        const doc = <html>


          <Head {...componentData} />


          <body data-slug={file.data.slug}>


          <body data-slug={trimPathSuffix(file.data.slug ?? "")}>


            <div id="quartz-root" class="page">


              <Header {...componentData} >


                {header.map(HeaderComponent => <HeaderComponent {...componentData} />)}


              </Header>


              {beforeBody.map(BodyComponent => <BodyComponent {...componentData} />)}


              <div class="popover-hint">


                {beforeBody.map(BodyComponent => <BodyComponent {...componentData} />)}


              </div>


              <Body {...componentData}>


                <div class="left">


                  {left.map(BodyComponent => <BodyComponent {...componentData} />)}


                </div>


                <div class="center">


                <div class="center popover-hint">


                  <Content {...componentData} />


                </div>


                <div class="right">