domma-cms 1.9.0 → 1.9.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [1.9.1] - 2026-10-24
+
+- Columns support content alignment with [col left], [col center] / [col centre], [col right] or align="...". The Page editor offers a Content alignment selector for columns.
+
 ## [1.9.0] - 2026-10-23
 
 - **Security:** a plugin's collections are no longer open through the generic Collections API to someone who holds only part of the plugin's permission. Before, `collections` plus any action of any of the plugin's permissions (a game's View, say) was enough to list every row - quiz answers, puzzle solutions, future daily words and players' play tokens. Now the caller needs the action the permission names as its `collectionAction` in `plugin.json` (the games name `manage`), or, when it names none, every action of that permission. The same check now guards the other ways in: a form named after or pointed at a plugin's collection, a View reading or joining one, and an API Builder endpoint exposing one. A switched-off plugin's collections keep the gate its `plugin.json` declares. Super Admin keeps everything, and a plugin with no permissions still needs only `collections`.

package/admin/js/lib/shortcode-registry.js

@@ -18,7 +18,7 @@ Right
 [/col]
 [/row]`,children:{name:"col",min:2,max:6},attrs:[{name:"gap",type:"number",label:"Gap"},{name:"class",type:"text",label:"CSS class"},{name:"id",type:"text",label:"ID"},{name:"reveal",type:"checkbox",label:"Scroll reveal"},{name:"reveal-mode",type:"select",label:"Reveal mode",options:[["stagger","Stagger"],["sequence","Sequence"]]},{name:"reveal-animation",type:"select",label:"Reveal animation",options:[["slide-up","Slide up"],["slide-down","Slide down"],["slide-left","Slide left"],["slide-right","Slide right"],["fade","Fade"],["zoom","Zoom"],["flip","Flip"]]},{name:"reveal-duration",type:"number",label:"Reveal duration (ms)"},{name:"reveal-stagger",type:"number",label:"Reveal stagger (ms)"},{name:"reveal-delay",type:"number",label:"Reveal delay (ms)"},{name:"reveal-direction",type:"select",label:"Reveal direction",options:[["ltr","Left to right"],["rtl","Right to left"]]}]},{name:"col",label:"Column",icon:"columns",category:"Layout",child:!0,selfClosing:!1,container:!0,wrappable:!0,template:`[col]
 Content
-[/col]`,attrs:[{name:"span",type:"number",label:"Span"},{name:"id",type:"text",label:"ID"}]},{name:"slideover",label:"Slideover",icon:"panel-right",category:"Layout",selfClosing:!1,container:!0,wrappable:!0,template:`[slideover title="More information" trigger="Read more"]
+[/col]`,attrs:[{name:"span",type:"number",label:"Span"},{name:"align",type:"select",label:"Content alignment",options:[["","Inherit"],["left","Left"],["center","Centre"],["centre","Centre (alias)"],["right","Right"]]},{name:"id",type:"text",label:"ID"}]},{name:"slideover",label:"Slideover",icon:"panel-right",category:"Layout",selfClosing:!1,container:!0,wrappable:!0,template:`[slideover title="More information" trigger="Read more"]
 Content
 [/slideover]`,attrs:[{name:"title",type:"text",label:"Title"},{name:"trigger",type:"text",label:"Trigger label"},{name:"size",type:"select",label:"Size",options:[["sm","Small"],["md","Medium"],["lg","Large"]]},{name:"position",type:"select",label:"Position",options:[["right","Right"],["left","Left"]]}]},{name:"center",label:"Centre",icon:"text-center",category:"Layout",selfClosing:!1,container:!0,wrappable:!0,template:`[center]
 Centred content

package/admin/js/templates/docs/usage-shortcodes.html

@@ -31,7 +31,7 @@
                       </tr>
                       <tr>
                           <td><code>[col span="N"]...[/col]</code></td>
-                          <td>Column inside a grid or row; <code>span</code> sets column span</td>
+                          <td>Column inside a grid or row; <code>span</code> sets column span. Use <code>align="left|center|centre|right"</code> or a flag such as <code>[col centre]</code> to align content</td>
                       </tr>
                       </tbody>
                   </table>

package/docs/markdown-shortcodes.md

@@ -318,8 +318,12 @@ Columns animate into view one by one as the row scrolls into the viewport:
 | Attribute | Type | Description |
 |---|---|---|
 | `span` | number | Number of columns to span (`col-span-N`) |
+| `align` | string | Content alignment: `left`, `center` / `centre`, or `right`. Inherits alignment when omitted. |
+| `left`, `center`, `centre`, `right` | flag | Shorthand alignment, e.g. `[col centre]`. An explicit `align` takes precedence. |
 | `id` | string | HTML `id` attribute |
 
+`[col align="centre"]Content[/col]` centres the column content. You can also use `[col center]`, `[col centre]`, `[col left]`, or `[col right]`.
+
 `[col]` also accepts injected effects (`reveal`, `breathe`, `animate`, `ripple`) - see [Effect injection](#effect-injection).
 
 ### Rendered output

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "File-based CMS powered by Domma and Fastify. Run npx domma-cms my-site to create a new project.",
   "type": "module",
   "main": "server/server.js",

package/server/services/markdown.js

@@ -2302,7 +2302,13 @@ function processGridBlocks(markdown) {
       const COL_INJECTABLE = ['reveal', 'breathe', 'animate', 'ripple'];
       const injected = extractInjectedEffects(attrs, COL_INJECTABLE);
       const baseCls = attrs.span ? `col-span-${attrs.span}` : 'col';
-      const allClasses = [baseCls, ...injected.effectClasses].join(' ');
+      // Explicit alignment takes precedence over the shorthand flags.
+      const alignment = typeof attrs.align === 'string'
+        ? attrs.align.trim().toLowerCase()
+        : ['center', 'centre', 'left', 'right'].find(value => attrs[value] === true);
+      const align = alignment === 'centre' ? 'center' : alignment;
+      const alignClasses = ['left', 'center', 'right'].includes(align) ? [`text-${align}`] : [];
+      const allClasses = [baseCls, ...alignClasses, ...injected.effectClasses].join(' ');
       const cls = ` class="${allClasses}"`;
       const id = attrs.id ? ` id="${escapeAttr(attrs.id)}"` : '';
       // Restore the col body before passing it downstream - otherwise the