@wdprlib/render 1.2.0 → 1.2.3

package/dist/index.cjs

@@ -44,12 +44,15 @@ var __export = (target, all) => {
 var exports_src = {};
 __export(exports_src, {
   renderToHtml: () => renderToHtml,
-  createSettings: () => import_ast3.createSettings,
-  DEFAULT_SETTINGS: () => import_ast3.DEFAULT_SETTINGS,
+  createSettings: () => import_ast4.createSettings,
+  DEFAULT_SETTINGS: () => import_ast4.DEFAULT_SETTINGS,
   DEFAULT_EMBED_ALLOWLIST: () => DEFAULT_EMBED_ALLOWLIST
 });
 module.exports = __toCommonJS(exports_src);
 
+// packages/render/src/render.ts
+var import_ast3 = require("@wdprlib/ast");
+
 // packages/render/src/context.ts
 var import_ast = require("@wdprlib/ast");
 
@@ -324,11 +327,17 @@ function isValidCssColor(color) {
   if (/^#[0-9a-f]{3}([0-9a-f])?$/.test(trimmed) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/.test(trimmed)) {
     return true;
   }
-  if (/^rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*(,\s*(0|1|0?\.\d+))?\s*\)$/.test(trimmed)) {
-    return true;
-  }
-  if (/^hsla?\(\s*\d{1,3}\s*,\s*\d{1,3}%\s*,\s*\d{1,3}%\s*(,\s*(0|1|0?\.\d+))?\s*\)$/.test(trimmed)) {
-    return true;
+  const fnMatch = trimmed.match(/^(rgba?|hsla?)\(([^)]*)\)$/);
+  if (fnMatch) {
+    const fn = fnMatch[1];
+    const args = fnMatch[2].split(",").map((s) => s.trim()).join(",");
+    if (fn.startsWith("rgb")) {
+      if (/^\d{1,3},\d{1,3},\d{1,3}(,(0|1|0?\.\d+))?$/.test(args))
+        return true;
+    } else {
+      if (/^\d{1,3},\d{1,3}%,\d{1,3}%(,(0|1|0?\.\d+))?$/.test(args))
+        return true;
+    }
   }
   return false;
 }
@@ -418,6 +427,9 @@ function sanitizeAttributes(attributes) {
 // packages/render/src/context.ts
 class RenderContext {
   chunks = [];
+  renderInlineStyles = false;
+  _styleSlotId = null;
+  _styleSlotContents = new Map;
   _tocIndex = 0;
   _footnoteIndex = 0;
   _equationIndex = 0;
@@ -473,6 +485,26 @@ class RenderContext {
   getOutput() {
     return this.chunks.join("");
   }
+  enterStyleSlot(slotId) {
+    this._styleSlotId = slotId;
+    if (!this._styleSlotContents.has(slotId)) {
+      this._styleSlotContents.set(slotId, []);
+    }
+  }
+  exitStyleSlot() {
+    this._styleSlotId = null;
+  }
+  hasActiveStyleSlot() {
+    return this._styleSlotId !== null;
+  }
+  pushToStyleSlot(css) {
+    if (this._styleSlotId !== null) {
+      this._styleSlotContents.get(this._styleSlotId).push(css);
+    }
+  }
+  getStyleSlotContents(slotId) {
+    return this._styleSlotContents.get(slotId) ?? [];
+  }
   nextTocIndex() {
     return this._tocIndex++;
   }
@@ -4117,7 +4149,7 @@ function renderJoin(ctx, data) {
   const buttonText = data["button-text"] ?? "Join";
   const attrs = data.attributes ?? {};
   const className = attrs.class ?? "join-box";
-  ctx.push(`<div class="${escapeHtml(className)}">`);
+  ctx.push(`<div class="${escapeAttr(className)}">`);
   ctx.push(`<a href="javascript:;">${escapeHtml(buttonText)}</a>`);
   ctx.push("</div>");
 }
@@ -4610,13 +4642,20 @@ function evaluateIfTagsCondition(condition, pageTags) {
   const optional = [];
   for (const token of tokens) {
     if (token.startsWith("+")) {
-      required.push(token.slice(1).toLowerCase());
+      const tag = token.slice(1).toLowerCase();
+      if (tag)
+        required.push(tag);
     } else if (token.startsWith("-")) {
-      excluded.push(token.slice(1).toLowerCase());
+      const tag = token.slice(1).toLowerCase();
+      if (tag)
+        excluded.push(tag);
     } else {
       optional.push(token.toLowerCase());
     }
   }
+  if (required.length === 0 && excluded.length === 0 && optional.length === 0) {
+    return false;
+  }
   for (const tag of required) {
     if (!pageTagSet.has(tag))
       return false;
@@ -4635,7 +4674,17 @@ function evaluateIfTagsCondition(condition, pageTags) {
 function renderIfTags(ctx, data) {
   const pageTags = ctx.page?.tags ?? [];
   if (evaluateIfTagsCondition(data.condition, pageTags)) {
+    const prev = ctx.renderInlineStyles;
+    ctx.renderInlineStyles = true;
+    const slotId = data._styleSlot;
+    if (slotId !== undefined) {
+      ctx.enterStyleSlot(slotId);
+    }
     renderElements(ctx, data.elements);
+    if (slotId !== undefined) {
+      ctx.exitStyleSlot();
+    }
+    ctx.renderInlineStyles = prev;
   }
 }
 
@@ -5079,7 +5128,14 @@ function renderToHtml(tree, options = {}) {
   renderElements(ctx, tree.elements);
   if (ctx.settings.allowStyleElements && tree.styles?.length) {
     for (const style of tree.styles) {
-      ctx.push(`<style>${escapeStyleContent(style)}</style>`);
+      if (style.startsWith(import_ast3.STYLE_SLOT_PREFIX)) {
+        const slotId = parseInt(style.slice(import_ast3.STYLE_SLOT_PREFIX.length), 10);
+        for (const css of ctx.getStyleSlotContents(slotId)) {
+          ctx.push(`<style>${escapeStyleContent(css)}</style>`);
+        }
+      } else {
+        ctx.push(`<style>${escapeStyleContent(style)}</style>`);
+      }
     }
   }
   return ctx.getOutput();
@@ -5191,6 +5247,13 @@ function renderElement(ctx, element) {
       renderIfTags(ctx, element.data);
       break;
     case "style":
+      if (ctx.renderInlineStyles && ctx.settings.allowStyleElements) {
+        if (ctx.hasActiveStyleSlot()) {
+          ctx.pushToStyleSlot(element.data);
+        } else {
+          ctx.push(`<style>${escapeStyleContent(element.data)}</style>`);
+        }
+      }
       break;
     case "line-break":
       ctx.push("<br />");
@@ -5223,4 +5286,4 @@ function renderElement(ctx, element) {
 }
 
 // packages/render/src/index.ts
-var import_ast3 = require("@wdprlib/ast");
+var import_ast4 = require("@wdprlib/ast");

package/dist/index.d.cts

@@ -19,71 +19,113 @@ interface EmbedAllowlistEntry {
 */
 declare const DEFAULT_EMBED_ALLOWLIST: EmbedAllowlistEntry[] | null;
 /**
-* Page context for resolving links, images, etc.
+* Contextual information about the wiki page being rendered.
+*
+* The renderer uses this to resolve relative links, local file paths,
+* page-existence checks (adding a `"newpage"` CSS class to links
+* targeting non-existent pages), and `[[iftags]]` evaluation.
+*
+* @group Render Options
 */
 interface PageContext {
-	/** Current page's full name (e.g., "secret:test2") */
+	/** Full page name including category prefix (e.g. `"secret:test2"`) */
 	pageName: string;
-	/** Site slug (e.g., "scp-wiki") */
+	/** Site slug used to build inter-site URLs (e.g. `"scp-wiki"`) */
 	site?: string;
-	/** Site domain (e.g., "scp-wiki.wikidot.com") */
+	/** Site domain used for absolute URL generation (e.g. `"scp-wiki.wikidot.com"`) */
 	domain?: string;
-	/** Check if a page exists (for "newpage" class on links) */
+	/**
+	* Returns whether a page exists on the site.
+	* When a target page does not exist, the renderer adds `class="newpage"`
+	* to the link element — the standard Wikidot convention for red-links.
+	*/
 	pageExists?: (page: string) => boolean;
-	/** Page tags for [[iftags]] conditional rendering */
+	/** Page tags used for client-side `[[iftags]]` evaluation during rendering */
 	tags?: string[];
 }
 /**
-* Resolved user information for rendering
+* User profile data returned by a user-resolver callback.
+*
+* Passed to the renderer to produce the Wikidot user-info markup
+* (`[[user username]]`). When a field is omitted the corresponding
+* UI element is simply not emitted.
+*
+* @group Render Options
 */
 interface ResolvedUser {
-	/** User's display name (defaults to username if not provided) */
+	/** Display name shown in the rendered output (falls back to the raw username) */
 	name?: string;
-	/** User profile URL. If not provided, link becomes non-navigable */
+	/** Profile URL. When omitted the username is rendered as a non-navigable `<span>` */
 	url?: string;
-	/** Avatar image URL. If not provided, no avatar is rendered */
+	/** Avatar image URL. When omitted no avatar `<img>` is rendered */
 	avatarUrl?: string;
-	/** Karma image URL for avatar background (Wikidot-specific feature) */
+	/** Karma-badge image URL shown behind the avatar (Wikidot-specific feature) */
 	karmaUrl?: string;
 }
 /**
-* Resolver functions for dynamic content
+* Async/sync resolver callbacks for content that depends on external data.
+*
+* Unlike the parser's `DataProvider` (which fetches bulk data for
+* module expansion), these resolvers are called per-element during the
+* rendering pass.
+*
+* @group Render Options
 */
 interface RenderResolvers {
 	/**
-	* Resolve user information from username.
-	* Returns user data for rendering, or null if user not found.
-	* If not provided, user elements are rendered as plain text.
+	* Look up a user profile by username.
+	*
+	* @param username - The raw username from `[[user username]]`
+	* @returns Profile data for rendering, or `null` if the user is unknown.
+	*          When `null` or when the resolver is omitted, the username is
+	*          rendered as plain text.
 	*/
 	user?: (username: string) => ResolvedUser | null;
 	/**
-	* Returns URL for htmlBlock iframe src.
-	* Called with the index of the htmlBlock (0-based, matching tree["html-blocks"] order).
-	* If not provided or returns empty string, uses default pattern: /{pageName}/html/{hash}-{nonce}
+	* Build an iframe `src` URL for an `[[html]]` block.
 	*
-	* SECURITY NOTE: The returned URL is used directly in iframe src attribute.
-	* The application is responsible for validating the URL scheme (e.g., rejecting javascript:, data:).
+	* @param index - Zero-based index matching `SyntaxTree["html-blocks"]`
+	* @returns The URL string. When empty or when the resolver is omitted,
+	*          the default pattern `/{pageName}/html/{hash}-{nonce}` is used.
+	*
+	* @security The returned URL is injected directly into the iframe `src`
+	* attribute. The caller must validate the scheme to reject `javascript:`,
+	* `data:`, and other dangerous protocols.
 	*/
 	htmlBlockUrl?: (index: number) => string;
 }
 /**
-* Options for HTML rendering
+* Full configuration for `renderToHtml()`.
+*
+* Every field is optional; defaults produce safe, standalone HTML output
+* suitable for a full wiki page.
+*
+* @group Render Options
 */
 interface RenderOptions {
 	/**
-	* Base URL used to resolve protocol-relative URLs (e.g., "//example.com/path").
-	* The protocol of this URL is inherited by protocol-relative references.
-	* Example: "https://scp-wiki.wikidot.com" or "http://scp-jp.wikidot.com"
-	* If not provided, protocol-relative URLs default to HTTPS.
+	* Base URL for resolving protocol-relative URLs (e.g. `"//example.com/path"`).
+	*
+	* The scheme of this URL (`http:` or `https:`) is prepended to
+	* protocol-relative references. When omitted, HTTPS is assumed.
+	*
+	* @example "https://scp-wiki.wikidot.com"
 	*/
 	baseUrl?: string;
-	/** Wikitext settings controlling rendering behavior */
+	/**
+	* Context-dependent feature flags.
+	* Defaults to page-mode settings when omitted.
+	*/
 	settings?: WikitextSettings;
-	/** Page context for resolving file paths, links, etc. */
+	/** Page context for resolving relative links, local file paths, etc. */
 	page?: PageContext;
-	/** Pre-collected footnote elements from SyntaxTree.footnotes */
+	/**
+	* Pre-collected footnote element arrays from `SyntaxTree.footnotes`.
+	* Passed through so the renderer can emit footnote bodies in the
+	* `[[footnoteblock]]` section.
+	*/
 	footnotes?: Element[][];
-	/** Resolver functions for dynamic content */
+	/** Callbacks for resolving users, HTML-block URLs, etc. */
 	resolvers?: RenderResolvers;
 	/**
 	* Sandbox attribute value for htmlBlock iframes.
@@ -106,7 +148,18 @@ interface RenderOptions {
 	embedAllowlist?: EmbedAllowlistEntry[] | null;
 }
 /**
-* Render a SyntaxTree to HTML string
+* Render a {@link SyntaxTree} to an HTML string.
+*
+* This is the main entry point of `@wdprlib/render`. It walks the AST
+* produced by `@wdprlib/parser`, serialises each element to HTML, and
+* appends any collected `[[module CSS]]` styles at the end (when
+* `WikitextSettings.allowStyleElements` is `true`).
+*
+* @param tree - Parsed AST (from `parse()` or `resolveModules()`)
+* @param options - Rendering configuration
+* @returns Complete HTML string
+*
+* @group Render
 */
 declare function renderToHtml(tree: SyntaxTree2, options?: RenderOptions): string;
 import { WikitextMode, WikitextSettings as WikitextSettings3 } from "@wdprlib/ast";

package/dist/index.d.ts

@@ -19,71 +19,113 @@ interface EmbedAllowlistEntry {
 */
 declare const DEFAULT_EMBED_ALLOWLIST: EmbedAllowlistEntry[] | null;
 /**
-* Page context for resolving links, images, etc.
+* Contextual information about the wiki page being rendered.
+*
+* The renderer uses this to resolve relative links, local file paths,
+* page-existence checks (adding a `"newpage"` CSS class to links
+* targeting non-existent pages), and `[[iftags]]` evaluation.
+*
+* @group Render Options
 */
 interface PageContext {
-	/** Current page's full name (e.g., "secret:test2") */
+	/** Full page name including category prefix (e.g. `"secret:test2"`) */
 	pageName: string;
-	/** Site slug (e.g., "scp-wiki") */
+	/** Site slug used to build inter-site URLs (e.g. `"scp-wiki"`) */
 	site?: string;
-	/** Site domain (e.g., "scp-wiki.wikidot.com") */
+	/** Site domain used for absolute URL generation (e.g. `"scp-wiki.wikidot.com"`) */
 	domain?: string;
-	/** Check if a page exists (for "newpage" class on links) */
+	/**
+	* Returns whether a page exists on the site.
+	* When a target page does not exist, the renderer adds `class="newpage"`
+	* to the link element — the standard Wikidot convention for red-links.
+	*/
 	pageExists?: (page: string) => boolean;
-	/** Page tags for [[iftags]] conditional rendering */
+	/** Page tags used for client-side `[[iftags]]` evaluation during rendering */
 	tags?: string[];
 }
 /**
-* Resolved user information for rendering
+* User profile data returned by a user-resolver callback.
+*
+* Passed to the renderer to produce the Wikidot user-info markup
+* (`[[user username]]`). When a field is omitted the corresponding
+* UI element is simply not emitted.
+*
+* @group Render Options
 */
 interface ResolvedUser {
-	/** User's display name (defaults to username if not provided) */
+	/** Display name shown in the rendered output (falls back to the raw username) */
 	name?: string;
-	/** User profile URL. If not provided, link becomes non-navigable */
+	/** Profile URL. When omitted the username is rendered as a non-navigable `<span>` */
 	url?: string;
-	/** Avatar image URL. If not provided, no avatar is rendered */
+	/** Avatar image URL. When omitted no avatar `<img>` is rendered */
 	avatarUrl?: string;
-	/** Karma image URL for avatar background (Wikidot-specific feature) */
+	/** Karma-badge image URL shown behind the avatar (Wikidot-specific feature) */
 	karmaUrl?: string;
 }
 /**
-* Resolver functions for dynamic content
+* Async/sync resolver callbacks for content that depends on external data.
+*
+* Unlike the parser's `DataProvider` (which fetches bulk data for
+* module expansion), these resolvers are called per-element during the
+* rendering pass.
+*
+* @group Render Options
 */
 interface RenderResolvers {
 	/**
-	* Resolve user information from username.
-	* Returns user data for rendering, or null if user not found.
-	* If not provided, user elements are rendered as plain text.
+	* Look up a user profile by username.
+	*
+	* @param username - The raw username from `[[user username]]`
+	* @returns Profile data for rendering, or `null` if the user is unknown.
+	*          When `null` or when the resolver is omitted, the username is
+	*          rendered as plain text.
 	*/
 	user?: (username: string) => ResolvedUser | null;
 	/**
-	* Returns URL for htmlBlock iframe src.
-	* Called with the index of the htmlBlock (0-based, matching tree["html-blocks"] order).
-	* If not provided or returns empty string, uses default pattern: /{pageName}/html/{hash}-{nonce}
+	* Build an iframe `src` URL for an `[[html]]` block.
 	*
-	* SECURITY NOTE: The returned URL is used directly in iframe src attribute.
-	* The application is responsible for validating the URL scheme (e.g., rejecting javascript:, data:).
+	* @param index - Zero-based index matching `SyntaxTree["html-blocks"]`
+	* @returns The URL string. When empty or when the resolver is omitted,
+	*          the default pattern `/{pageName}/html/{hash}-{nonce}` is used.
+	*
+	* @security The returned URL is injected directly into the iframe `src`
+	* attribute. The caller must validate the scheme to reject `javascript:`,
+	* `data:`, and other dangerous protocols.
 	*/
 	htmlBlockUrl?: (index: number) => string;
 }
 /**
-* Options for HTML rendering
+* Full configuration for `renderToHtml()`.
+*
+* Every field is optional; defaults produce safe, standalone HTML output
+* suitable for a full wiki page.
+*
+* @group Render Options
 */
 interface RenderOptions {
 	/**
-	* Base URL used to resolve protocol-relative URLs (e.g., "//example.com/path").
-	* The protocol of this URL is inherited by protocol-relative references.
-	* Example: "https://scp-wiki.wikidot.com" or "http://scp-jp.wikidot.com"
-	* If not provided, protocol-relative URLs default to HTTPS.
+	* Base URL for resolving protocol-relative URLs (e.g. `"//example.com/path"`).
+	*
+	* The scheme of this URL (`http:` or `https:`) is prepended to
+	* protocol-relative references. When omitted, HTTPS is assumed.
+	*
+	* @example "https://scp-wiki.wikidot.com"
 	*/
 	baseUrl?: string;
-	/** Wikitext settings controlling rendering behavior */
+	/**
+	* Context-dependent feature flags.
+	* Defaults to page-mode settings when omitted.
+	*/
 	settings?: WikitextSettings;
-	/** Page context for resolving file paths, links, etc. */
+	/** Page context for resolving relative links, local file paths, etc. */
 	page?: PageContext;
-	/** Pre-collected footnote elements from SyntaxTree.footnotes */
+	/**
+	* Pre-collected footnote element arrays from `SyntaxTree.footnotes`.
+	* Passed through so the renderer can emit footnote bodies in the
+	* `[[footnoteblock]]` section.
+	*/
 	footnotes?: Element[][];
-	/** Resolver functions for dynamic content */
+	/** Callbacks for resolving users, HTML-block URLs, etc. */
 	resolvers?: RenderResolvers;
 	/**
 	* Sandbox attribute value for htmlBlock iframes.
@@ -106,7 +148,18 @@ interface RenderOptions {
 	embedAllowlist?: EmbedAllowlistEntry[] | null;
 }
 /**
-* Render a SyntaxTree to HTML string
+* Render a {@link SyntaxTree} to an HTML string.
+*
+* This is the main entry point of `@wdprlib/render`. It walks the AST
+* produced by `@wdprlib/parser`, serialises each element to HTML, and
+* appends any collected `[[module CSS]]` styles at the end (when
+* `WikitextSettings.allowStyleElements` is `true`).
+*
+* @param tree - Parsed AST (from `parse()` or `resolveModules()`)
+* @param options - Rendering configuration
+* @returns Complete HTML string
+*
+* @group Render
 */
 declare function renderToHtml(tree: SyntaxTree2, options?: RenderOptions): string;
 import { WikitextMode, WikitextSettings as WikitextSettings3 } from "@wdprlib/ast";

package/dist/index.js

@@ -1,3 +1,6 @@
+// packages/render/src/render.ts
+import { STYLE_SLOT_PREFIX } from "@wdprlib/ast";
+
 // packages/render/src/context.ts
 import { DEFAULT_SETTINGS } from "@wdprlib/ast";
 
@@ -272,11 +275,17 @@ function isValidCssColor(color) {
   if (/^#[0-9a-f]{3}([0-9a-f])?$/.test(trimmed) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/.test(trimmed)) {
     return true;
   }
-  if (/^rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*(,\s*(0|1|0?\.\d+))?\s*\)$/.test(trimmed)) {
-    return true;
-  }
-  if (/^hsla?\(\s*\d{1,3}\s*,\s*\d{1,3}%\s*,\s*\d{1,3}%\s*(,\s*(0|1|0?\.\d+))?\s*\)$/.test(trimmed)) {
-    return true;
+  const fnMatch = trimmed.match(/^(rgba?|hsla?)\(([^)]*)\)$/);
+  if (fnMatch) {
+    const fn = fnMatch[1];
+    const args = fnMatch[2].split(",").map((s) => s.trim()).join(",");
+    if (fn.startsWith("rgb")) {
+      if (/^\d{1,3},\d{1,3},\d{1,3}(,(0|1|0?\.\d+))?$/.test(args))
+        return true;
+    } else {
+      if (/^\d{1,3},\d{1,3}%,\d{1,3}%(,(0|1|0?\.\d+))?$/.test(args))
+        return true;
+    }
   }
   return false;
 }
@@ -366,6 +375,9 @@ function sanitizeAttributes(attributes) {
 // packages/render/src/context.ts
 class RenderContext {
   chunks = [];
+  renderInlineStyles = false;
+  _styleSlotId = null;
+  _styleSlotContents = new Map;
   _tocIndex = 0;
   _footnoteIndex = 0;
   _equationIndex = 0;
@@ -421,6 +433,26 @@ class RenderContext {
   getOutput() {
     return this.chunks.join("");
   }
+  enterStyleSlot(slotId) {
+    this._styleSlotId = slotId;
+    if (!this._styleSlotContents.has(slotId)) {
+      this._styleSlotContents.set(slotId, []);
+    }
+  }
+  exitStyleSlot() {
+    this._styleSlotId = null;
+  }
+  hasActiveStyleSlot() {
+    return this._styleSlotId !== null;
+  }
+  pushToStyleSlot(css) {
+    if (this._styleSlotId !== null) {
+      this._styleSlotContents.get(this._styleSlotId).push(css);
+    }
+  }
+  getStyleSlotContents(slotId) {
+    return this._styleSlotContents.get(slotId) ?? [];
+  }
   nextTocIndex() {
     return this._tocIndex++;
   }
@@ -4065,7 +4097,7 @@ function renderJoin(ctx, data) {
   const buttonText = data["button-text"] ?? "Join";
   const attrs = data.attributes ?? {};
   const className = attrs.class ?? "join-box";
-  ctx.push(`<div class="${escapeHtml(className)}">`);
+  ctx.push(`<div class="${escapeAttr(className)}">`);
   ctx.push(`<a href="javascript:;">${escapeHtml(buttonText)}</a>`);
   ctx.push("</div>");
 }
@@ -4558,13 +4590,20 @@ function evaluateIfTagsCondition(condition, pageTags) {
   const optional = [];
   for (const token of tokens) {
     if (token.startsWith("+")) {
-      required.push(token.slice(1).toLowerCase());
+      const tag = token.slice(1).toLowerCase();
+      if (tag)
+        required.push(tag);
     } else if (token.startsWith("-")) {
-      excluded.push(token.slice(1).toLowerCase());
+      const tag = token.slice(1).toLowerCase();
+      if (tag)
+        excluded.push(tag);
     } else {
       optional.push(token.toLowerCase());
     }
   }
+  if (required.length === 0 && excluded.length === 0 && optional.length === 0) {
+    return false;
+  }
   for (const tag of required) {
     if (!pageTagSet.has(tag))
       return false;
@@ -4583,7 +4622,17 @@ function evaluateIfTagsCondition(condition, pageTags) {
 function renderIfTags(ctx, data) {
   const pageTags = ctx.page?.tags ?? [];
   if (evaluateIfTagsCondition(data.condition, pageTags)) {
+    const prev = ctx.renderInlineStyles;
+    ctx.renderInlineStyles = true;
+    const slotId = data._styleSlot;
+    if (slotId !== undefined) {
+      ctx.enterStyleSlot(slotId);
+    }
     renderElements(ctx, data.elements);
+    if (slotId !== undefined) {
+      ctx.exitStyleSlot();
+    }
+    ctx.renderInlineStyles = prev;
   }
 }
 
@@ -5027,7 +5076,14 @@ function renderToHtml(tree, options = {}) {
   renderElements(ctx, tree.elements);
   if (ctx.settings.allowStyleElements && tree.styles?.length) {
     for (const style of tree.styles) {
-      ctx.push(`<style>${escapeStyleContent(style)}</style>`);
+      if (style.startsWith(STYLE_SLOT_PREFIX)) {
+        const slotId = parseInt(style.slice(STYLE_SLOT_PREFIX.length), 10);
+        for (const css of ctx.getStyleSlotContents(slotId)) {
+          ctx.push(`<style>${escapeStyleContent(css)}</style>`);
+        }
+      } else {
+        ctx.push(`<style>${escapeStyleContent(style)}</style>`);
+      }
     }
   }
   return ctx.getOutput();
@@ -5139,6 +5195,13 @@ function renderElement(ctx, element) {
       renderIfTags(ctx, element.data);
       break;
     case "style":
+      if (ctx.renderInlineStyles && ctx.settings.allowStyleElements) {
+        if (ctx.hasActiveStyleSlot()) {
+          ctx.pushToStyleSlot(element.data);
+        } else {
+          ctx.push(`<style>${escapeStyleContent(element.data)}</style>`);
+        }
+      }
       break;
     case "line-break":
       ctx.push("<br />");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wdprlib/render",
-  "version": "1.2.0",
+  "version": "1.2.3",
   "description": "HTML renderer for Wikidot markup",
   "keywords": [
     "html",
@@ -39,7 +39,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@wdprlib/ast": "1.1.0",
+    "@wdprlib/ast": "1.1.1",
     "domhandler": "^5.0.3",
     "htmlparser2": "^10.0.0",
     "sanitize-html": "^2.14.0",