@dosgato/templating 0.0.89 → 0.0.91

package/dist/component.d.ts

@@ -305,6 +305,7 @@ export interface SiteInfo {
 }
 export interface PageRecord<DataType extends PageData = PageData> {
     id: string;
+    name: string;
     linkId: string;
     createdAt: Date;
     modifiedAt: Date;
@@ -346,6 +347,16 @@ interface BarOpts {
     editMode?: boolean;
     label?: string;
     extraClass?: string;
+    /**
+     * Edit bars and new bars are implemented as web components with shadow DOM to prevent
+     * page styles from leaking in to the bar styles.
+     *
+     * This means you cannot style them just by including a CSS block on the page. Instead
+     * you need to include the CSS block in the bar itself. This option allows you to do
+     * that. Give it a list of block names from any registered provider, and the blocks
+     * will be imported inside this bar's shadow DOM.
+     */
+    cssBlocks?: string[];
 }
 export interface EditBarOpts extends BarOpts {
     inheritedFrom?: string;
@@ -512,6 +523,12 @@ export declare abstract class Page<DataType extends PageData = any, FetchedType
      * Other data we've already collected about the page being rendered, in case it's needed.
      */
     pageInfo: PageRecord<DataType>;
+    /**
+     * A convenience to get the page title.
+     *
+     * If the user didn't set a title, it manipulates the page name into a title.
+     */
+    get title(): any;
     /**
      * This will be filled by the rendering server. The template properties are described
      * over in apitemplate.ts in the comment for APIPageTemplate.templateProperties.

package/dist/component.js

@@ -1,4 +1,4 @@
-import { get, isNotBlank } from 'txstate-utils';
+import { get, isNotBlank, titleCase } from 'txstate-utils';
 import { ResourceProvider } from './provider.js';
 function defaultWrap(info) { return info.output; }
 /**
@@ -253,6 +253,14 @@ export class Page extends Component {
         this.id = page.id;
         this.pageInfo = page;
     }
+    /**
+     * A convenience to get the page title.
+     *
+     * If the user didn't set a title, it manipulates the page name into a title.
+     */
+    get title() {
+        return this.pageInfo.data.title ?? titleCase(this.pageInfo.name);
+    }
     passError(e, path) {
         console.warn(`Recoverable issue occured during render of ${this.pageInfo.path}. Component at ${path} threw the following error:`, e);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dosgato/templating",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "description": "A library to support building templates for dosgato CMS.",
   "type": "module",
   "exports": {