@devvit/ui-renderer 0.9.3 → 0.9.5

package/blocks/attributes.d.ts

@@ -2,7 +2,7 @@ import { ClassInfo } from 'lit/directives/class-map.js';
 import { StyleInfo } from 'lit/directives/style-map.js';
 import { ButtonAppearance, ButtonSize } from '@reddit/faceplate-ui/templates/button.js';
 import { Block, BlockAlignment, BlockAvatarFacing, BlockAvatarSize, BlockBorder, BlockButtonAppearance, BlockButtonSize, BlockFullSnooSize, BlockGap, BlockIconSize, BlockImageResizeMode, BlockPadding, BlockRadius, BlockSize, BlockSpacerSize, BlockStackDirection, BlockTextOutline, BlockTextSize, BlockTextWeight, BlockType } from '@devvit/protos';
-import { RenderContext } from './templates/index.js';
+import { RenderContext } from './templates/renderContext.js';
 export declare function defaultClasses(type: BlockType): ClassInfo;
 export declare function stackDirectionClass(direction: BlockStackDirection, reverse: boolean | undefined): ClassInfo;
 export declare function stackChildClass(parentDirection: BlockStackDirection): ClassInfo;

package/blocks/attributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../src/blocks/attributes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../library/src/blocks/attributes.ts"],"names":[],"mappings":"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"}

package/blocks/attributes.js

@@ -125,7 +125,7 @@ export function textSizeClass(size) {
     return {
         'text-10': size === BlockTextSize.TEXT_SIZE_XSMALL,
         'text-12': size === BlockTextSize.TEXT_SIZE_SMALL,
-        'text-14': size === undefined || size === BlockTextSize.TEXT_SIZE_MEDIUM,
+        'text-14': size === BlockTextSize.TEXT_SIZE_MEDIUM,
         'text-16': size === BlockTextSize.TEXT_SIZE_LARGE,
         'text-18': size === BlockTextSize.TEXT_SIZE_XLARGE,
         'text-24': size === BlockTextSize.TEXT_SIZE_XXLARGE,
@@ -142,7 +142,7 @@ export function textAlignClass(alignment) {
 }
 export function textWeightClass(weight) {
     return {
-        'font-normal': weight === undefined || weight === BlockTextWeight.TEXT_WEIGHT_REGULAR,
+        'font-normal': weight === BlockTextWeight.TEXT_WEIGHT_REGULAR,
         'font-semibold': weight === BlockTextWeight.TEXT_WEIGHT_BOLD,
     };
 }
@@ -162,7 +162,7 @@ export function colorStyle(color) {
 }
 export function spacerSizeClass(size, stackDirection) {
     const xsmall = size === BlockSpacerSize.SPACER_XSMALL;
-    const small = size === BlockSpacerSize.SPACER_SMALL;
+    const small = size === undefined || size === BlockSpacerSize.SPACER_SMALL;
     const medium = size === BlockSpacerSize.SPACER_MEDIUM;
     const large = size === BlockSpacerSize.SPACER_LARGE;
     const vstack = stackDirection === BlockStackDirection.STACK_VERTICAL;

package/blocks/components/devvit-blocks-renderer.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+import { Block } from '@devvit/protos';
+import type { RenderContext } from '../templates/renderContext.js';
+export declare class DevvitBlocksRenderer extends LitElement {
+    block: Block | undefined;
+    renderContext: () => RenderContext;
+    static get styles(): import("lit").CSSResult[];
+    render(): import("@reddit/baseplate/html.js").TemplateLike;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'devvit-blocks-renderer': DevvitBlocksRenderer;
+    }
+}
+//# sourceMappingURL=devvit-blocks-renderer.d.ts.map

package/blocks/components/devvit-blocks-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devvit-blocks-renderer.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/components/devvit-blocks-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,EAAE,KAAK,EAAkC,MAAM,gBAAgB,CAAC;AAGvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,qBAEa,oBAAqB,SAAQ,UAAU;IAElD,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IAGzB,aAAa,EAAE,MAAM,aAAa,CAAgE;IAElG,WAAoB,MAAM,8BAEzB;IAEQ,MAAM;CAahB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF"}

package/blocks/components/devvit-blocks-renderer.js

@@ -0,0 +1,42 @@
+import { __decorate, __metadata } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { localized, msg } from '@lit/localize';
+import { emptyState } from '@reddit/faceplate-ui/templates/empty-state.js';
+import { BlockStackDirection, BlockType } from '@devvit/protos';
+import { renderBlocks } from '../templates/index.js';
+import { styles } from '../../styles.js';
+let DevvitBlocksRenderer = class DevvitBlocksRenderer extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.renderContext = () => ({ stackDirection: BlockStackDirection.UNRECOGNIZED });
+    }
+    static get styles() {
+        return [styles];
+    }
+    render() {
+        if (this.block && this.block.type === BlockType.BLOCK_ROOT) {
+            return renderBlocks(this.block, this.renderContext());
+        }
+        return html `${emptyState({
+            creative: html `<slot name="empty-state-image"></slot>`,
+            title: msg('Whoops!', { desc: 'Header for message to display when rendering fails' }),
+            description: msg('Something went wrong while attempting to display this content.', {
+                desc: 'Message for users to display when rendering fails',
+            }),
+        })}`;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], DevvitBlocksRenderer.prototype, "block", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Function)
+], DevvitBlocksRenderer.prototype, "renderContext", void 0);
+DevvitBlocksRenderer = __decorate([
+    localized(),
+    customElement('devvit-blocks-renderer')
+], DevvitBlocksRenderer);
+export { DevvitBlocksRenderer };

package/blocks/components/devvit-blocks-webview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-blocks-webview.d.ts","sourceRoot":"","sources":["../../../src/blocks/components/devvit-blocks-webview.ts"],"names":[],"mappings":""}
+{"version":3,"file":"devvit-blocks-webview.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/components/devvit-blocks-webview.ts"],"names":[],"mappings":""}

package/blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":";AAEA,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../library/src/blocks/index.ts"],"names":[],"mappings":";AAEA,cAAc,sBAAsB,CAAC"}

package/blocks/templates/index.d.ts

@@ -1,12 +1,2 @@
-import { ClassInfo, classMap as clientClassMap } from 'lit/directives/class-map.js';
-import { TemplateLike, UnsafeString } from '@reddit/baseplate/html.js';
-import { Block, BlockAction, BlockRenderRequest, BlockStackDirection } from '@devvit/protos';
-export interface RenderContext {
-    request?: BlockRenderRequest | undefined;
-    state?: unknown | undefined;
-    stackDirection: BlockStackDirection;
-    onAction?: ((action: BlockAction) => void) | undefined;
-}
-export declare function renderBlocks(block: Block, context?: Partial<RenderContext>): TemplateLike;
-export declare function classMap(classInfo: ClassInfo, forceString?: boolean): UnsafeString | ReturnType<typeof clientClassMap>;
+export { renderBlocks } from './renderBlock.js';
 //# sourceMappingURL=index.d.ts.map

package/blocks/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,EAAW,YAAY,EAAU,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAExF,OAAO,EACL,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EAEpB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,cAAc,EAAE,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACxD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,YAAY,CAsB7F;AAED,wBAAgB,QAAQ,CACtB,SAAS,EAAE,SAAS,EACpB,WAAW,CAAC,EAAE,OAAO,GACpB,YAAY,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAgBlD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/blocks/templates/index.js

@@ -1,38 +1 @@
-import { classMap as clientClassMap } from 'lit/directives/class-map.js';
-import { nothing, unsafe } from '@reddit/baseplate/html.js';
-import { BlockStackDirection, BlockType, } from '@devvit/protos';
-import { renderBlock } from './renderBlock.js';
-import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
-export function renderBlocks(block, context = {}) {
-    if (block.type !== BlockType.BLOCK_ROOT) {
-        console.error('Invalid root block');
-        return nothing;
-    }
-    return renderBlock({
-        type: BlockType.BLOCK_STACK,
-        config: {
-            stackConfig: {
-                direction: BlockStackDirection.STACK_VERTICAL,
-                children: block.config?.rootConfig?.children ?? [],
-            },
-        },
-        actions: [],
-    }, {
-        ...context,
-        stackDirection: BlockStackDirection.UNRECOGNIZED,
-    });
-}
-export function classMap(classInfo, forceString) {
-    const { getType } = getTemplateRenderingStrategy();
-    if (getType() === 'client' && forceString !== true) {
-        return clientClassMap(classInfo);
-    }
-    let result = '';
-    for (const name in classInfo) {
-        if (classInfo[name]) {
-            result += `${name} `;
-        }
-    }
-    // eslint-disable-next-line @reddit/no-unsafe/no-unsafe-function-usage
-    return unsafe(result);
-}
+export { renderBlocks } from './renderBlock.js';

package/blocks/templates/renderAnimationBlock.d.ts

@@ -1,5 +1,6 @@
 import { Block } from '@devvit/protos';
 import { TemplateLike } from '@reddit/baseplate/html.js';
-import { RenderContext } from './index.js';
+import '../../client/devvit-animation-player.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderAnimationBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderAnimationBlock.d.ts.map

package/blocks/templates/renderAnimationBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderAnimationBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderAnimationBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAUlE,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BnF"}
+{"version":3,"file":"renderAnimationBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderAnimationBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,yCAAyC,CAAC;AASjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BnF"}

package/blocks/templates/renderAnimationBlock.js

@@ -1,7 +1,8 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
+import '../../client/devvit-animation-player.js';
 import { defaultClasses, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderAnimationBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.animationConfig) {

package/blocks/templates/renderAvatarBlock.d.ts

@@ -1,5 +1,5 @@
 import { Block } from '@devvit/protos';
 import { TemplateLike } from '@reddit/baseplate/html.js';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderAvatarBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderAvatarBlock.d.ts.map

package/blocks/templates/renderAvatarBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderAvatarBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderAvatarBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAYlE,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BhF"}
+{"version":3,"file":"renderAvatarBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderAvatarBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAYlE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BhF"}

package/blocks/templates/renderAvatarBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { avatarSizeClass, defaultClasses, facingClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderAvatarBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.avatarConfig) {

package/blocks/templates/renderBlock.d.ts

@@ -1,5 +1,6 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
+export declare function renderBlocks(block: Block, context?: Partial<RenderContext>): TemplateLike;
 export declare function renderBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderBlock.d.ts.map

package/blocks/templates/renderBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,KAAK,EAAa,MAAM,gBAAgB,CAAC;AAYlD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA+C1E"}
+{"version":3,"file":"renderBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAkC,MAAM,gBAAgB,CAAC;AAYvE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,YAAY,CAsB7F;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA+C1E"}

package/blocks/templates/renderBlock.js

@@ -1,5 +1,6 @@
 import { nothing } from '@reddit/baseplate/html.js';
-import { BlockType } from '@devvit/protos';
+import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
+import { BlockStackDirection, BlockType } from '@devvit/protos';
 import { renderStackBlock } from './renderStackBlock.js';
 import { renderSpacerBlock } from './renderSpacerBlock.js';
 import { renderTextBlock } from './renderTextBlock.js';
@@ -10,13 +11,31 @@ import { renderWebViewBlock } from './renderWebViewBlock.js';
 import { renderAnimationBlock } from './renderAnimationBlock.js';
 import { renderAvatarBlock } from './renderAvatarBlock.js';
 import { renderFullSnooBlock } from './renderFullSnooBlock.js';
-import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
+export function renderBlocks(block, context = {}) {
+    if (block.type !== BlockType.BLOCK_ROOT) {
+        console.error('Invalid root block');
+        return nothing;
+    }
+    return renderBlock({
+        type: BlockType.BLOCK_STACK,
+        config: {
+            stackConfig: {
+                direction: BlockStackDirection.STACK_VERTICAL,
+                children: block.config?.rootConfig?.children ?? [],
+            },
+        },
+        actions: [],
+    }, {
+        ...context,
+        stackDirection: BlockStackDirection.UNRECOGNIZED,
+    });
+}
 export function renderBlock(block, ctx) {
     const { html } = getTemplateRenderingStrategy();
     let render;
     switch (block.type) {
         case BlockType.BLOCK_STACK:
-            render = renderStackBlock(block, ctx);
+            render = renderStackBlock(block, ctx, renderBlock);
             break;
         case BlockType.BLOCK_SPACER:
             render = renderSpacerBlock(block, ctx);

package/blocks/templates/renderButtonBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderButtonBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderButtonBlock.d.ts.map

package/blocks/templates/renderButtonBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderButtonBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderButtonBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,2BAA2B,CAAC;AAKvE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAkChF"}
+{"version":3,"file":"renderButtonBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderButtonBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,2BAA2B,CAAC;AAKvE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAWvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAqChF"}

package/blocks/templates/renderButtonBlock.js

@@ -2,10 +2,10 @@ import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUICo
 import { button } from '@reddit/faceplate-ui/templates/button.js';
 import { styleMap } from '@reddit/faceplate-ui/templateUtils/styleMap.js';
 import { buttonAppearance, buttonSize, colorStyle, defaultClasses, onClickAction, sizingClass, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap, resolveIcon } from './util.js';
 export function renderButtonBlock(block, ctx) {
     const { html, ifDefined } = getTemplateRenderingStrategy();
-    // let buttonIcon = block.config?.buttonConfig?.icon;
+    const buttonIcon = block.config?.buttonConfig?.icon;
     const disabled = block.config?.buttonConfig?.disabled === true;
     const classes = {
         ...defaultClasses(block.type),
@@ -18,10 +18,12 @@ export function renderButtonBlock(block, ctx) {
         // ...backgroundStyle(block.config?.buttonConfig?.backgroundColor),
     };
     const onClick = onClickAction(block, ctx);
+    const iconSvg = buttonIcon ? resolveIcon(buttonIcon) : undefined;
+    const icon = iconSvg ? { leadingIcon: iconSvg } : {};
     return html `${button({
         size: buttonSize(block.config?.buttonConfig?.buttonSize),
         appearance: buttonAppearance(block.config?.buttonConfig?.buttonAppearance),
-        // leadingIcon: findIcon(buttonIcon),
+        ...icon,
         children: ifDefined(block.config?.buttonConfig?.text),
         attributes: {
             disabled,

package/blocks/templates/renderContext.d.ts

@@ -0,0 +1,8 @@
+import { BlockAction, BlockRenderRequest, BlockStackDirection } from '@devvit/protos';
+export interface RenderContext {
+    request?: BlockRenderRequest | undefined;
+    state?: unknown | undefined;
+    stackDirection: BlockStackDirection;
+    onAction?: ((action: BlockAction) => void) | undefined;
+}
+//# sourceMappingURL=renderContext.d.ts.map

package/blocks/templates/renderContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderContext.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAEtF,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,cAAc,EAAE,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACxD"}

package/blocks/templates/renderContext.js

@@ -0,0 +1 @@
+export {};

package/blocks/templates/renderFullSnooBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderFullSnooBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderFullSnooBlock.d.ts.map

package/blocks/templates/renderFullSnooBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderFullSnooBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderFullSnooBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAWvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BlF"}
+{"version":3,"file":"renderFullSnooBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderFullSnooBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAWvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA6BlF"}

package/blocks/templates/renderFullSnooBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, facingClass, fullSnooSizeClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderFullSnooBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.fullsnooConfig) {

package/blocks/templates/renderIconBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderIconBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderIconBlock.d.ts.map

package/blocks/templates/renderIconBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderIconBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderIconBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAsB9E"}
+{"version":3,"file":"renderIconBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderIconBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAUvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA+B9E"}

package/blocks/templates/renderIconBlock.js

@@ -1,15 +1,17 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
-import { defaultClasses, iconSizeClass, onClickAction, sizingClass, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { colorStyle, defaultClasses, iconSizeClass, onClickAction, sizingClass, stackChildClass, } from '../attributes.js';
+import { classMap, resolveIcon } from './util.js';
 export function renderIconBlock(block, ctx) {
-    const { html } = getTemplateRenderingStrategy();
+    const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.iconConfig) {
         console.error('Invalid block: Icon missing IconConfig');
         return nothing;
     }
     const { icon, size, color } = block.config.iconConfig;
-    // adopt `icons-all.ts` from faceplate-ui storybook
+    const styles = {
+        ...colorStyle(color),
+    };
     const classes = {
         ...defaultClasses(block.type),
         ...stackChildClass(ctx.stackDirection),
@@ -17,5 +19,12 @@ export function renderIconBlock(block, ctx) {
         ...iconSizeClass(size),
     };
     const onClick = onClickAction(block, ctx);
-    return html `<div class="${classMap(classes)}" data-debug-block-type="icon"></div>`;
+    return html `<div
+    class="${classMap(classes)}"
+    style="${styleMap(styles)}"
+    @click="${ifDefined(onClick)}"
+    data-debug-block-type="icon"
+  >
+    ${resolveIcon(icon)}
+  </div>`;
 }

package/blocks/templates/renderImageBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderImageBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderImageBlock.d.ts.map

package/blocks/templates/renderImageBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderImageBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderImageBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAUvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAkC/E"}
+{"version":3,"file":"renderImageBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderImageBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAUvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAkC/E"}

package/blocks/templates/renderImageBlock.js

@@ -1,7 +1,7 @@
 import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, onClickAction, resizeModeClass, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderImageBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.imageConfig) {

package/blocks/templates/renderSpacerBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderSpacerBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderSpacerBlock.d.ts.map

package/blocks/templates/renderSpacerBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderSpacerBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderSpacerBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAmBhF"}
+{"version":3,"file":"renderSpacerBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderSpacerBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAmBhF"}

package/blocks/templates/renderSpacerBlock.js

@@ -1,6 +1,6 @@
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, sizingClass, sizingStyle, spacerSizeClass, stackChildClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderSpacerBlock(block, ctx) {
     const { html, styleMap } = getTemplateRenderingStrategy();
     const classes = {

package/blocks/templates/renderStackBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
-export declare function renderStackBlock(block: Block, ctx?: RenderContext): TemplateLike;
+import { RenderContext } from './renderContext.js';
+export declare function renderStackBlock(block: Block, ctx: RenderContext | undefined, renderBlock: (block: Block, ctx: RenderContext) => TemplateLike): TemplateLike;
 //# sourceMappingURL=renderStackBlock.d.ts.map

package/blocks/templates/renderStackBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderStackBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderStackBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAuB,MAAM,gBAAgB,CAAC;AAkB5D,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,EACZ,GAAG,GAAE,aAAoE,GACxE,YAAY,CAoEd"}
+{"version":3,"file":"renderStackBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderStackBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAuB,MAAM,gBAAgB,CAAC;AAiB5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,EACZ,GAAG,2BAAsE,EACzE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,KAAK,YAAY,GAC9D,YAAY,CAoEd"}

package/blocks/templates/renderStackBlock.js

@@ -2,9 +2,8 @@ import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { BlockStackDirection } from '@devvit/protos';
 import { alignmentClass, backgroundStyle, borderClass, borderStyle, defaultClasses, gapClass, onClickAction, paddingClass, radiusClass, sizingClass, sizingStyle, stackChildClass, stackDirectionClass, } from '../attributes.js';
-import { renderBlock } from './renderBlock.js';
-import { classMap } from './index.js';
-export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirection.UNRECOGNIZED }) {
+import { classMap } from './util.js';
+export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirection.UNRECOGNIZED }, renderBlock) {
     const { html, repeat, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (block.config?.stackConfig === undefined) {
         console.error('Invalid block: Stack missing StackConfig');

package/blocks/templates/renderTextBlock.d.ts

@@ -1,5 +1,5 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 export declare function renderTextBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderTextBlock.d.ts.map

package/blocks/templates/renderTextBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderTextBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderTextBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAkD,MAAM,gBAAgB,CAAC;AAavF,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA+D9E"}
+{"version":3,"file":"renderTextBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderTextBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAkD,MAAM,gBAAgB,CAAC;AAavF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA8D9E"}

package/blocks/templates/renderTextBlock.js

@@ -2,7 +2,7 @@ import { nothing } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { BlockTextSize, BlockTextStyle, BlockTextWeight } from '@devvit/protos';
 import { colorStyle, defaultClasses, onClickAction, sizingClass, stackChildClass, textAlignClass, textOutlineClass, textSizeClass, textWeightClass, } from '../attributes.js';
-import { classMap } from './index.js';
+import { classMap } from './util.js';
 export function renderTextBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
     if (!block.config?.textConfig) {
@@ -10,43 +10,41 @@ export function renderTextBlock(block, ctx) {
         return nothing;
     }
     const { text, color, size, alignment, weight, style, outline } = block.config.textConfig;
-    let textColor = 'neutral-content';
-    let baseStyle = {};
+    let textColor;
+    let textSize;
+    let textWeight;
     switch (style) {
         case BlockTextStyle.TEXT_STYLE_METADATA:
             textColor = 'neutral-content-weak';
-            baseStyle = {
-                ...textSizeClass(BlockTextSize.TEXT_SIZE_SMALL),
-                ...textWeightClass(BlockTextWeight.TEXT_WEIGHT_REGULAR),
-            };
-            break;
-        case BlockTextStyle.TEXT_STYLE_BODY:
-            textColor = 'neutral-content';
-            baseStyle = {
-                ...textSizeClass(BlockTextSize.TEXT_SIZE_MEDIUM),
-                ...textWeightClass(BlockTextWeight.TEXT_WEIGHT_REGULAR),
-            };
+            textSize = BlockTextSize.TEXT_SIZE_SMALL;
+            textWeight = BlockTextWeight.TEXT_WEIGHT_REGULAR;
             break;
         case BlockTextStyle.TEXT_STYLE_HEADING:
             textColor = 'neutral-content-strong';
-            baseStyle = {
-                ...textSizeClass(BlockTextSize.TEXT_SIZE_LARGE),
-                ...textWeightClass(BlockTextWeight.TEXT_WEIGHT_BOLD),
-            };
+            textSize = BlockTextSize.TEXT_SIZE_LARGE;
+            textWeight = BlockTextWeight.TEXT_WEIGHT_BOLD;
+            break;
+        case BlockTextStyle.TEXT_STYLE_BODY:
+        case undefined:
+        default:
+            textColor = 'neutral-content';
+            textSize = BlockTextSize.TEXT_SIZE_MEDIUM;
+            textWeight = BlockTextWeight.TEXT_WEIGHT_REGULAR;
             break;
     }
     textColor = color ?? textColor;
+    textSize = size ?? textSize;
+    textWeight = weight ?? textWeight;
     const styles = {
         ...colorStyle(textColor),
     };
     const classes = {
         ...defaultClasses(block.type),
-        ...baseStyle,
         ...stackChildClass(ctx.stackDirection),
         ...sizingClass(block.size),
-        ...textSizeClass(size),
+        ...textSizeClass(textSize),
         ...textAlignClass(alignment),
-        ...textWeightClass(weight),
+        ...textWeightClass(textWeight),
     };
     if (outline !== undefined) {
         Object.assign(classes, textOutlineClass(outline, textColor));

package/blocks/templates/renderWebViewBlock.d.ts

@@ -1,6 +1,6 @@
 import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
-import { RenderContext } from './index.js';
+import { RenderContext } from './renderContext.js';
 import '../components/devvit-blocks-webview.js';
 export declare function renderWebViewBlock(block: Block, ctx: RenderContext): TemplateLike;
 //# sourceMappingURL=renderWebViewBlock.d.ts.map

package/blocks/templates/renderWebViewBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderWebViewBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/templates/renderWebViewBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,wCAAwC,CAAC;AAEhD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA2BjF"}
+{"version":3,"file":"renderWebViewBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderWebViewBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,wCAAwC,CAAC;AAEhD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA2BjF"}