coralite-plugin-aggregation 0.1.2 → 0.2.0

package/README.md

@@ -58,7 +58,7 @@ Create a file like `coralite-posts.html` to define your aggregation logic and re
 </template>
 
 <script type="module">
-import { defineComponent, aggregation } from 'coralite'
+import { defineComponent, aggregation } from 'coralite/plugins'
 
 export default defineComponent({
   tokens: {
@@ -133,7 +133,7 @@ Define a `<template>` element for rendering individual items:
 </template>
 
 <script type="module">
-import { defineComponent } from 'coralite'
+import { defineComponent } from 'coralite/plugins'
 
 export default defineComponent({
   tokens: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coralite-plugin-aggregation",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Build database free coralite websites",
   "scripts": {
     "build": "coralite -t tests/fixtures/templates -p tests/fixtures/pages -o dist",
@@ -33,12 +33,12 @@
     }
   },
   "license": "AGPL-3.0-only",
-  "packageManager": "pnpm@10.12.1",
+  "packageManager": "pnpm@10.13.1",
   "devDependencies": {
     "@playwright/test": "^1.52.0",
     "@stylistic/eslint-plugin-js": "^4.2.0",
     "@stylistic/eslint-plugin-plus": "^4.2.0",
-    "coralite": "^0.11.1",
+    "coralite": "^0.12.0",
     "sirv-cli": "^3.0.1"
   },
   "dependencies": {
@@ -46,6 +46,6 @@
     "htmlparser2": "^10.0.0"
   },
   "peerDependencies": {
-    "coralite": "^0.11.2"
+    "coralite": "^0.12.0"
   }
 }

package/src/index.js

@@ -1,12 +1,6 @@
 import { join } from 'node:path'
 import { existsSync } from 'node:fs'
-import { Parser } from 'htmlparser2'
-import {
-  getHtmlFiles,
-  createElement,
-  createTextNode,
-  createPlugin,
-} from 'coralite/utils'
+import { getHtmlFiles, createPlugin, } from 'coralite/utils'
 
 /**
  * @import {CoraliteAnyNode, CoraliteCollectionItem, CoraliteContentNode, CoraliteDocumentRoot} from 'coralite/types'
@@ -79,7 +73,7 @@ export default createPlugin({
     let endIndex = pages.length
     let paginationOffset = context.values.pagination_offset
 
-    // Sort results based on custom sort function
+    // sort results based on custom sort function
     if (typeof options.sort === 'function') {
       pages.sort((a, b) => {
         const metaA = a.result.values
@@ -97,7 +91,7 @@ export default createPlugin({
         const metadata = page.result.values
         let keepItem = false
 
-        // Process metadata and populate token values for rendering
+        // process metadata and populate token values for rendering
         for (const key in metadata) {
           if (Object.prototype.hasOwnProperty.call(metadata, key)) {
             const data = metadata[key]
@@ -110,7 +104,7 @@ export default createPlugin({
                 }
               }
             } else {
-              // Handle single metadata item
+              // handle single metadata item
               if (!keepItem) {
                 keepItem = options.filter({
                   name: key,
@@ -130,7 +124,7 @@ export default createPlugin({
       endIndex = pages.length
     }
 
-    // Apply page offset
+    // apply page offset
     if (Object.prototype.hasOwnProperty.call(options, 'offset') || paginationOffset != null) {
       let offset = paginationOffset || options.offset
 
@@ -192,6 +186,7 @@ export default createPlugin({
       }
     }
 
+    // process pagination
     if (options.pagination) {
       const pagination = options.pagination
       const paginationPath = context.values.pagination_path || pagination.path || 'page'
@@ -239,7 +234,7 @@ export default createPlugin({
             }
 
             // add pagination page to render queue
-            this.addRenderQueue({
+            await this.addRenderQueue({
               values: {
                 pagination_pager_dirname: path.dirname,
                 pagination_pager_index: pageIndex,
@@ -280,22 +275,84 @@ export default createPlugin({
         values = context.values
         this.values[contextId] = values
       }
-
+      
       const templateId = pagination.template || 'coralite-pagination'
 
-      const component = await this.createComponent({
-        id: templateId,
-        values,
-        document: context.document,
-        contextId: contextId + templateId
-      })
+      if (typeof templateId === 'string') {
+        const component = await this.createComponent({
+          id: templateId,
+          values,
+          document: context.document,
+          contextId: contextId + templateId
+        })
 
-      if (typeof component === 'object') {
-        result = result.concat(component.children)
+        if (typeof component === 'object') {
+          result = result.concat(component.children)
+        }
       }
     }
 
     return result
   },
+  async onPageCreate ({ elements, values, data }) {
+    // loop through all children of the root element to process metadata in <head> tags.
+    for (let i = 0; i < elements.root.children.length; i++) {
+      const rootNode = elements.root.children[i]
+      
+      // traverse html children to find the head element
+      if (rootNode.type === 'tag' && rootNode.name === 'html') {
+        for (let i = 0; i < rootNode.children.length; i++) {
+          const node = rootNode.children[i];
+          
+          // check if the current node is a <head> tag where metadata is typically found.
+          if (node.type === 'tag' && node.name === 'head') {
+            // iterate over the children of the head element to locate meta tags or component slots.
+            for (let i = 0; i < node.children.length; i++) {
+              const element = node.children[i]
+              
+              // if the element is a tag named "meta" with both name and content attributes, store its metadata.
+              if (element.type === 'tag') {
+                if (element.name === 'meta'
+                  && element.attribs.name
+                  && element.attribs.content
+                ) {
+                  values['$' + element.attribs.name] = element.attribs.content
+                } else if (element.slots) {
+                  // process component slots by creating a component dynamically.
+                  const component = await this.createComponent({
+                    id: element.name,
+                    values,
+                    element,
+                    document: data.result,
+                    contextId: data.path.pathname + i + element.name
+                  })
+                  
+                  // if the created component returns valid children, iterate over them to extract meta information.
+                  if (component) {
+                    for (let i = 0; i < component.children.length; i++) {
+                      const element = component.children[i];
+                      
+                      // for each child element in the component's returned HTML,
+                      // check if it is a meta tag and store its metadata with a '$' prefix.
+                      if (element.type === 'tag'
+                        && element.name === 'meta' 
+                        && element.attribs.name
+                        && element.attribs.content
+                      ) {
+                        values['$' + element.attribs.name] = element.attribs.content
+                      }
+                    }
+                  }
+                }
+              }
+            }
+
+            // once the <head> tag is processed, return to exit the loop.
+            return
+          }
+        }  
+      }
+    }
+  },
   templates: [join(import.meta.dirname, 'templates/coralite-pagination.html')]
 })

package/src/templates/coralite-pagination.html

@@ -3,7 +3,8 @@
 </template>
 
 <script type="module">
-  import { defineComponent, document } from 'coralite'
+  import { document } from 'coralite'
+  import { defineComponent } from 'coralite/plugins'
 
   export default defineComponent({
     tokens: {