@dosgato/templating 0.0.81 → 0.0.83

package/dist/component.d.ts

@@ -251,6 +251,7 @@ export declare abstract class Component<DataType extends ComponentData = any, Fe
     autoLabel: string;
     reqHeaders: IncomingHttpHeaders;
     reqQuery: ParsedUrlQuery;
+    indexInArea: number;
     /**
      * For logging errors during rendering without crashing the render. If your fetch, setContext,
      * render, or renderVariation functions throw, the error will be logged but the page render will
@@ -284,6 +285,7 @@ export interface PageRecordOptionalData<DataType extends PageData = PageData> ex
 export interface ComponentData {
     templateKey: string;
     areas?: Record<string, ComponentData[]>;
+    [keys: string]: any;
 }
 export interface PageData extends ComponentData {
     savedAtVersion: string;
@@ -291,6 +293,7 @@ export interface PageData extends ComponentData {
 export interface DataData {
     templateKey: string;
     savedAtVersion: string;
+    [keys: string]: any;
 }
 export interface ContextBase {
     /**
@@ -358,6 +361,12 @@ export interface RenderComponentsWrapParams {
      * wrapping or you'll end up with an empty wrapper element.
      */
     bar: string;
+    /**
+     * The index of the component currently being wrapped
+     *
+     * After pulling in any inherited components.
+     */
+    indexInArea: number;
     /**
      * Contains the full component being wrapped.
      *

package/dist/component.js

@@ -69,7 +69,7 @@ export class Component extends ResourceProvider {
      * to reduce the number of components that get inherited.
      */
     inheritArea(page, areaName, opts) {
-        const components = get(page.data, areaName).filter(opts?.filter ?? (() => true));
+        const components = get(page.data, `areas.${areaName}`).filter(opts?.filter ?? (() => true));
         this.registerInherited(areaName, components, page.id, opts?.mode);
     }
     /**
@@ -114,11 +114,11 @@ export class Component extends ResourceProvider {
             components = this.renderedAreas.get(components) ?? [];
         const wrap = opts?.wrap ?? defaultWrap;
         if (opts?.skipBars || opts?.skipEditBars)
-            return components.map(c => wrap({ ...c, content: c.output, bar: '' })).join('');
+            return components.map((c, indexInArea) => wrap({ ...c, content: c.output, bar: '', indexInArea })).join('');
         return components
-            .map(c => {
+            .map((c, indexInArea) => {
             if (c.component.inheritedFrom && opts?.hideInheritBars) {
-                return opts.skipContent ? '' : wrap({ ...c, content: c.output, bar: '' });
+                return opts.skipContent ? '' : wrap({ ...c, content: c.output, bar: '', indexInArea });
             }
             else {
                 const bar = c.component.editBar({
@@ -126,7 +126,7 @@ export class Component extends ResourceProvider {
                     label: typeof opts?.editBarOpts?.label === 'function' ? opts.editBarOpts.label(c.component) : opts?.editBarOpts?.label,
                     extraClass: typeof opts?.editBarOpts?.extraClass === 'function' ? opts.editBarOpts.extraClass(c.component) : opts?.editBarOpts?.extraClass
                 });
-                return wrap({ output: bar + c.output, content: c.output, bar, component: c.component });
+                return wrap({ output: bar + c.output, content: c.output, bar, component: c.component, indexInArea });
             }
         }).join('');
     }
@@ -158,7 +158,7 @@ export class Component extends ResourceProvider {
                 bar = this.newBar(areaName, opts?.newBarOpts);
             }
             if (bar != null)
-                output += wrap({ output: bar, content: '', bar });
+                output += wrap({ output: bar, content: '', bar, indexInArea: components.length });
         }
         return output;
     }

package/dist/uitemplate.d.ts

@@ -37,6 +37,13 @@ export interface UITemplate {
      *
      * You can place that introductory content here and it will be automatically placed into
      * components with this template upon creation (and never again).
+     *
+     * Whatever you put here will be added beneath the component's `areas` property, so it would
+     * be structured like:
+     * {
+     *   someArea: [componentData1, componentData2],
+     *   anotherArea: [componentData3]
+     * }
      */
     defaultContent?: Record<string, ComponentData[]>;
     /**

package/package.json

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