@devvit/ui-renderer 0.9.9 → 0.9.10-next-2023-06-08-62879cbc3.0

package/blocks/attributes.d.ts

@@ -19,6 +19,7 @@ export declare function radiusClass(radius: BlockRadius | undefined): ClassInfo;
 export declare function textSizeClass(size: BlockTextSize | undefined): ClassInfo;
 export declare function textAlignClass(alignment: BlockAlignment | undefined): ClassInfo;
 export declare function textWeightClass(weight: BlockTextWeight | undefined): ClassInfo;
+export declare function textSelectClass(selection: boolean | undefined): ClassInfo;
 export declare function textOutlineClass(outline: BlockTextOutline, _textColor: string | undefined): ClassInfo;
 export declare function colorStyle(color: string | undefined): StyleInfo;
 export declare function spacerSizeClass(size: BlockSpacerSize | undefined, stackDirection: BlockStackDirection): ClassInfo;
@@ -29,6 +30,7 @@ export declare function facingClass(facing: BlockAvatarFacing | undefined): Clas
 export declare function fullSnooSizeClass(size: BlockFullSnooSize | undefined): ClassInfo;
 export declare function buttonAppearance(appearance: BlockButtonAppearance | undefined): ButtonAppearance;
 export declare function buttonSize(size: BlockButtonSize | undefined): ButtonSize;
+export declare function cursorClass(block: Block): ClassInfo;
 export declare function onClickAction(block: Block, ctx: RenderContext): (() => void) | undefined;
 export declare function setTextOutline(thickness: BlockTextOutline | undefined): ReturnType<typeof clientRef>;
 //# sourceMappingURL=attributes.d.ts.map

package/blocks/attributes.d.ts.map

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

@@ -1,7 +1,7 @@
 import { ButtonSize } from '@reddit/faceplate-ui/templates/button.js';
 import { BlockActionType, BlockAvatarFacing, BlockAvatarSize, BlockBorderWidth, BlockButtonAppearance, BlockButtonSize, BlockFullSnooSize, BlockGap, BlockHorizontalAlignment, BlockIconSize, BlockImageResizeMode, BlockPadding, BlockRadius, BlockSpacerSize, BlockStackDirection, BlockTextOutline, BlockTextSize, BlockTextWeight, BlockType, BlockVerticalAlignment, } from '@devvit/protos';
-import { nothing } from '@reddit/baseplate/html.js';
 import { brightnessByColor, isHTMLElement, ref } from './templates/util.js';
+import { nothing } from 'lit';
 export function defaultClasses(type) {
     return {
         'overflow-hidden': type === BlockType.BLOCK_ROOT || type === BlockType.BLOCK_STACK,
@@ -143,6 +143,13 @@ export function textWeightClass(weight) {
         'font-semibold': weight === BlockTextWeight.TEXT_WEIGHT_BOLD,
     };
 }
+export function textSelectClass(selection) {
+    return {
+        'select-none': selection === false,
+        'select-text': selection === true,
+        'select-auto': selection === undefined,
+    };
+}
 export function textOutlineClass(outline, _textColor) {
     const thin = outline === BlockTextOutline.TEXT_OUTLINE_THIN;
     const thick = outline === BlockTextOutline.TEXT_OUTLINE_THICK;
@@ -271,6 +278,11 @@ export function buttonSize(size) {
     }
     return buttonSize;
 }
+export function cursorClass(block) {
+    return {
+        'cursor-pointer': !!block.actions.find((a) => a.type === BlockActionType.ACTION_CLICK),
+    };
+}
 export function onClickAction(block, ctx) {
     const clickAction = block.actions.find((a) => a.type === BlockActionType.ACTION_CLICK);
     if (clickAction) {

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

@@ -5,7 +5,7 @@ export declare class DevvitBlocksRenderer extends LitElement {
     block: Block | undefined;
     renderContext: () => RenderContext;
     static get styles(): import("lit").CSSResult[];
-    render(): import("@reddit/baseplate/html.js").TemplateLike;
+    render(): import("../templates/util.js").TemplateLike;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,12 @@
-import { __decorate, __metadata } from "tslib";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { localized, msg } from '@lit/localize';

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

@@ -1,9 +1,22 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
 var _DevvitBlocksWebview_iframe, _DevvitBlocksWebview_handleMessage, _DevvitBlocksWebview_onLoad;
-import { __classPrivateFieldGet, __decorate, __metadata } from "tslib";
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { ifDefined } from '@reddit/baseplate/html.js';
 import { customEvent } from '@reddit/faceplate/lib/custom-event.js';
 import { BlockActionType } from '@devvit/protos';
 /**

package/blocks/templates/renderAnimationBlock.d.ts

@@ -1,6 +1,5 @@
 import { Block } from '@devvit/protos';
-import { TemplateLike } from '@reddit/baseplate/html.js';
-import '../../client/devvit-animation-player.js';
 import { RenderContext } from './renderContext.js';
+import { TemplateLike } from './util.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":["../../../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"}
+{"version":3,"file":"renderAnimationBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderAnimationBlock.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAY,YAAY,EAAE,MAAM,WAAW,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA8BnF"}

package/blocks/templates/renderAnimationBlock.js

@@ -1,7 +1,6 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from 'lit';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
-import '../../client/devvit-animation-player.js';
-import { defaultClasses, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
+import { cursorClass, defaultClasses, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
 import { classMap } from './util.js';
 export function renderAnimationBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
@@ -14,6 +13,7 @@ export function renderAnimationBlock(block, ctx) {
         ...defaultClasses(block.type),
         ...stackChildClass(ctx.stackDirection),
         ...sizingClass(block.size),
+        ...cursorClass(block),
     };
     const styles = {
         ...sizingStyle(block.size),

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 './renderContext.js';
+import { TemplateLike } from './util.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":["../../../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"}
+{"version":3,"file":"renderAvatarBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderAvatarBlock.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAcvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAY,YAAY,EAAE,MAAM,WAAW,CAAC;AAEnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA8BhF"}

package/blocks/templates/renderAvatarBlock.js

@@ -1,6 +1,6 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from 'lit';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
-import { avatarSizeClass, defaultClasses, facingClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
+import { avatarSizeClass, cursorClass, defaultClasses, facingClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
 import { classMap } from './util.js';
 export function renderAvatarBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
@@ -15,6 +15,7 @@ export function renderAvatarBlock(block, ctx) {
         ...sizingClass(block.size),
         ...avatarSizeClass(size),
         ...facingClass(facing),
+        ...cursorClass(block),
     };
     const styles = {
         ...sizingStyle(block.size),

package/blocks/templates/renderBlock.d.ts

@@ -1,6 +1,6 @@
-import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
 import { RenderContext } from './renderContext.js';
+import { TemplateLike } from "./util.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":["../../../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"}
+{"version":3,"file":"renderBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderBlock.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAkC,MAAM,gBAAgB,CAAC;AAYvE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,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,4 +1,4 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from 'lit';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { BlockStackDirection, BlockType } from '@devvit/protos';
 import { renderStackBlock } from './renderStackBlock.js';

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 './renderContext.js';
+import { TemplateLike } from './util.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":["../../../library/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,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAuChF"}
+{"version":3,"file":"renderButtonBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderButtonBlock.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAavC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAyB,YAAY,EAAE,MAAM,WAAW,CAAC;AAEhE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAwChF"}

package/blocks/templates/renderButtonBlock.js

@@ -1,7 +1,7 @@
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 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, sizingStyle, stackChildClass, } from '../attributes.js';
+import { buttonAppearance, buttonSize, colorStyle, cursorClass, defaultClasses, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
 import { classMap, resolveIcon } from './util.js';
 export function renderButtonBlock(block, ctx) {
     const { html, ifDefined } = getTemplateRenderingStrategy();
@@ -11,6 +11,7 @@ export function renderButtonBlock(block, ctx) {
         ...defaultClasses(block.type),
         ...stackChildClass(ctx.stackDirection),
         ...sizingClass(block.size),
+        ...cursorClass(block),
     };
     const styles = {
         ...colorStyle(block.config?.buttonConfig?.textColor),
@@ -31,7 +32,7 @@ export function renderButtonBlock(block, ctx) {
             disabled,
             // convert from StyleInfo to CSSStyleDeclaration
             style: styleMap(styles).string,
-            className: classMap(classes, true).string,
+            className: classMap(classes, true),
             onclick: onClick ?? null,
             'data-debug-block-type': 'button',
         },

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 './renderContext.js';
+import { TemplateLike } from './util.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":["../../../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"}
+{"version":3,"file":"renderFullSnooBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderFullSnooBlock.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAY,YAAY,EAAE,MAAM,WAAW,CAAC;AAEnD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CA8BlF"}

package/blocks/templates/renderFullSnooBlock.js

@@ -1,6 +1,6 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from 'lit';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
-import { defaultClasses, facingClass, fullSnooSizeClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
+import { cursorClass, defaultClasses, facingClass, fullSnooSizeClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
 import { classMap } from './util.js';
 export function renderFullSnooBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
@@ -15,6 +15,7 @@ export function renderFullSnooBlock(block, ctx) {
         ...sizingClass(block.size),
         ...fullSnooSizeClass(size),
         ...facingClass(facing),
+        ...cursorClass(block),
     };
     const styles = {
         ...sizingStyle(block.size),

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 './renderContext.js';
+import { TemplateLike } from './util.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":["../../../library/src/blocks/templates/renderIconBlock.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,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAiC9E"}
+{"version":3,"file":"renderIconBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderIconBlock.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAuC,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9E,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAkC9E"}

package/blocks/templates/renderIconBlock.js

@@ -1,6 +1,6 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from 'lit';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
-import { colorStyle, defaultClasses, iconSizeClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
+import { colorStyle, cursorClass, defaultClasses, iconSizeClass, onClickAction, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
 import { classMap, correctColor, resolveIcon } from './util.js';
 export function renderIconBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
@@ -18,6 +18,7 @@ export function renderIconBlock(block, ctx) {
         ...stackChildClass(ctx.stackDirection),
         ...sizingClass(block.size),
         ...iconSizeClass(size),
+        ...cursorClass(block),
     };
     const onClick = onClickAction(block, ctx);
     return html `<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 './renderContext.js';
+import { TemplateLike } from './util.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":["../../../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"}
+{"version":3,"file":"renderImageBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderImageBlock.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAWvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAY,YAAY,EAAE,MAAM,WAAW,CAAC;AAEnD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAmC/E"}

package/blocks/templates/renderImageBlock.js

@@ -1,6 +1,6 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from "lit";
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
-import { defaultClasses, onClickAction, resizeModeClass, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
+import { cursorClass, defaultClasses, onClickAction, resizeModeClass, sizingClass, sizingStyle, stackChildClass, } from '../attributes.js';
 import { classMap } from './util.js';
 export function renderImageBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
@@ -14,6 +14,7 @@ export function renderImageBlock(block, ctx) {
         ...stackChildClass(ctx.stackDirection),
         ...sizingClass(block.size),
         ...resizeModeClass(resizeMode),
+        ...cursorClass(block),
     };
     const styles = {
         ...sizingStyle(block.size),

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 './renderContext.js';
+import { TemplateLike } from './util.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":["../../../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"}
+{"version":3,"file":"renderSpacerBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderSpacerBlock.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAY,YAAY,EAAE,MAAM,WAAW,CAAC;AAEnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAmBhF"}

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 './renderContext.js';
+import { TemplateLike } from './util.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":["../../../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,CAsEd"}
+{"version":3,"file":"renderStackBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderStackBlock.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAuB,MAAM,gBAAgB,CAAC;AAkB5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAA0B,YAAY,EAAE,MAAM,WAAW,CAAC;AAEjE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,EACZ,GAAG,2BAAsE,EACzE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,KAAK,YAAY,GAC9D,YAAY,CAuEd"}

package/blocks/templates/renderStackBlock.js

@@ -1,7 +1,7 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from 'lit';
 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 { alignmentClass, backgroundStyle, borderClass, borderStyle, cursorClass, defaultClasses, gapClass, onClickAction, paddingClass, radiusClass, sizingClass, sizingStyle, stackChildClass, stackDirectionClass, } from '../attributes.js';
 import { classMap, correctColor } from './util.js';
 export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirection.UNRECOGNIZED }, renderBlock) {
     const { html, repeat, styleMap, ifDefined } = getTemplateRenderingStrategy();
@@ -20,6 +20,7 @@ export function renderStackBlock(block, ctx = { stackDirection: BlockStackDirect
         ...alignmentClass(direction, alignment),
         ...borderClass(border),
         ...radiusClass(cornerRadius),
+        ...cursorClass(block),
     };
     const styles = {
         ...sizingStyle(block.size),

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 './renderContext.js';
+import { TemplateLike } from './util.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":["../../../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,CA6D9E"}
+{"version":3,"file":"renderTextBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderTextBlock.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAkD,MAAM,gBAAgB,CAAC;AAgBvF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAA0B,YAAY,EAAE,MAAM,WAAW,CAAC;AAEjE,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,GAAG,YAAY,CAgE9E"}

package/blocks/templates/renderTextBlock.js

@@ -1,7 +1,7 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from 'lit';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { BlockTextSize, BlockTextStyle, BlockTextWeight } from '@devvit/protos';
-import { colorStyle, defaultClasses, onClickAction, setTextOutline, sizingClass, sizingStyle, stackChildClass, textAlignClass, textSizeClass, textWeightClass, } from '../attributes.js';
+import { colorStyle, cursorClass, defaultClasses, onClickAction, setTextOutline, sizingClass, sizingStyle, stackChildClass, textAlignClass, textSelectClass, textSizeClass, textWeightClass, } from '../attributes.js';
 import { classMap, correctColor } from './util.js';
 export function renderTextBlock(block, ctx) {
     const { html, styleMap, ifDefined } = getTemplateRenderingStrategy();
@@ -9,7 +9,7 @@ export function renderTextBlock(block, ctx) {
         console.error('Invalid block: Text missing TextConfig');
         return nothing;
     }
-    const { text, color, size, alignment, weight, style, outline } = block.config.textConfig;
+    const { text, color, size, alignment, weight, style, outline, selectable } = block.config.textConfig;
     let textColor;
     let textSize;
     let textWeight;
@@ -46,6 +46,8 @@ export function renderTextBlock(block, ctx) {
         ...textSizeClass(textSize),
         ...textAlignClass(alignment),
         ...textWeightClass(textWeight),
+        ...textSelectClass(selectable),
+        ...cursorClass(block),
     };
     const onClick = onClickAction(block, ctx);
     return html `<span

package/blocks/templates/renderWebViewBlock.d.ts

@@ -1,6 +1,5 @@
-import { TemplateLike } from '@reddit/baseplate/html.js';
 import { Block } from '@devvit/protos';
 import { RenderContext } from './renderContext.js';
-import '../components/devvit-blocks-webview.js';
+import { TemplateLike } from './util.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":["../../../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"}
+{"version":3,"file":"renderWebViewBlock.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/renderWebViewBlock.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAY,YAAY,EAAE,MAAM,WAAW,CAAC;AAEnD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,aAAa,GACjB,YAAY,CA2Bd"}

package/blocks/templates/renderWebViewBlock.js

@@ -1,8 +1,7 @@
-import { nothing } from '@reddit/baseplate/html.js';
+import { nothing } from 'lit';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import { defaultClasses, sizingClass, sizingStyle, stackChildClass } from '../attributes.js';
 import { classMap } from './util.js';
-import '../components/devvit-blocks-webview.js';
 export function renderWebViewBlock(block, ctx) {
     const { html, styleMap } = getTemplateRenderingStrategy();
     if (!block.config?.webviewConfig) {

package/blocks/templates/util.d.ts

@@ -1,8 +1,8 @@
 import { ClassInfo, classMap as clientClassMap } from 'lit/directives/class-map.js';
-import { RefOrCallback, ref as clientRef } from 'lit/directives/ref.js';
-import { TemplateResult } from 'lit';
-import { UnsafeString } from '@reddit/baseplate/html.js';
-export declare function classMap(classInfo: ClassInfo, forceString?: boolean): UnsafeString | ReturnType<typeof clientClassMap>;
+import { ref as clientRef, RefOrCallback } from 'lit/directives/ref.js';
+import { nothing, TemplateResult } from 'lit';
+export type TemplateLike = TemplateResult | typeof nothing;
+export declare function classMap(classInfo: ClassInfo, forceString?: boolean): string | ReturnType<typeof clientClassMap>;
 export declare function unsafeHTML(input: string): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/unsafe-html.js").UnsafeHTMLDirective>;
 export declare function ref(ref: RefOrCallback): ReturnType<typeof clientRef> | string;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EAA2C,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKlG,wBAAgB,QAAQ,CACtB,SAAS,EAAE,SAAS,EACpB,WAAW,CAAC,EAAE,OAAO,GACpB,YAAY,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAWlD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,4HAMvC;AAED,wBAAgB,GAAG,CAAC,GAAG,EAAE,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,GAAG,MAAM,CAM7E;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,IAAI,EAAE,MAAM,GACX,UAAU,CAAC,OAAO,SAAS,CAAC,GAAG,MAAM,CAevC;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CA4BvD;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,EAAE,IAAI,WAAW,CAEtF;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAYxD"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../library/src/blocks/templates/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEpF,OAAO,EAAE,GAAG,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ9C,MAAM,MAAM,YAAY,GAAG,cAAc,GAAG,OAAO,OAAO,CAAC;AAE3D,wBAAgB,QAAQ,CACtB,SAAS,EAAE,SAAS,EACpB,WAAW,CAAC,EAAE,OAAO,GACpB,MAAM,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAW5C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,4HAMvC;AAED,wBAAgB,GAAG,CAAC,GAAG,EAAE,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,GAAG,MAAM,CAM7E;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,IAAI,EAAE,MAAM,GACX,UAAU,CAAC,OAAO,SAAS,CAAC,GAAG,MAAM,CAuBvC;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CA4BvD;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,EAAE,IAAI,WAAW,CAEtF;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAYxD"}

package/blocks/templates/util.js

@@ -4,6 +4,7 @@ import { ref as clientRef } from 'lit/directives/ref.js';
 import { unsafeHTML as serverUnsafeHTML } from '@reddit/baseplate/html.js';
 import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
 import faceplateIcons from '@reddit/faceplate-ui/svgs/svg-manifest.js';
+const colorCache = {};
 export function classMap(classInfo, forceString) {
     const { getType } = getTemplateRenderingStrategy();
     if (getType() === 'client' && forceString !== true) {
@@ -12,7 +13,7 @@ export function classMap(classInfo, forceString) {
     const result = Object.keys(classInfo)
         .filter((className) => classInfo[className])
         .join(' ');
-    return serverUnsafeHTML(result);
+    return serverUnsafeHTML(result).string;
 }
 export function unsafeHTML(input) {
     const { getType } = getTemplateRenderingStrategy();
@@ -38,11 +39,19 @@ export function ref(ref) {
 export function correctColor(color, attr) {
     return ref((el) => {
         if (isHTMLElement(el)) {
-            if (color && el.style.getPropertyValue(attr) !== color) {
-                // try to fall back on a color variable if setting it outright didn't work
-                el.style.setProperty(attr, `var(--color-${color})`);
-                if (el.style.getPropertyValue(attr) === '') {
-                    // unset to ensure an old color doesn't stick around if the element was reused
+            if (color) {
+                const computedColor = getComputedColor(el.shadowRoot, color) ||
+                    getComputedColor(el.shadowRoot, `var(--color-${color})`);
+                if (computedColor) {
+                    if (el.style.getPropertyValue(attr) !== computedColor) {
+                        el.style.setProperty(attr, computedColor);
+                        if (el.style.getPropertyValue(attr) !== computedColor) {
+                            // unset to ensure an old color doesn't stick around if the element was reused
+                            el.style.setProperty(attr, '');
+                        }
+                    }
+                }
+                else {
                     el.style.setProperty(attr, '');
                 }
             }
@@ -104,3 +113,18 @@ export function resolveIcon(name) {
         return html ``;
     }
 }
+function getComputedColor(root, color) {
+    if (!color.startsWith('var(') && colorCache[color]) {
+        return colorCache[color];
+    }
+    const doc = root ?? document.body;
+    const div = document.createElement('div');
+    div.style.color = color;
+    doc.appendChild(div);
+    const computed = window.getComputedStyle(div).color;
+    doc.removeChild(div);
+    if (!color.startsWith('var(')) {
+        colorCache[color] = computed;
+    }
+    return computed;
+}

package/client/devvit-animation-player.js

@@ -1,4 +1,12 @@
-import { __decorate, __metadata } from "tslib";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { BlockAnimationType } from '@devvit/protos';

package/client/devvit-custom-post.d.ts

@@ -6,6 +6,7 @@ import type { ActorRef } from '@devvit/runtimes/common/runtime/ActorRef.js';
 import { BrowserLiteClient } from '@devvit/runtime-lite/BrowserLiteClient.js';
 import './devvit-animation-player.js';
 import '../blocks/components/devvit-blocks-renderer.js';
+import '../blocks/components/devvit-blocks-webview.js';
 declare global {
     interface HTMLElementTagNameMap {
         'devvit-custom-post': DevvitCustomPost;

package/client/devvit-custom-post.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-custom-post.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-custom-post.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,kEAAkE,CAAC;AAG1E,OAAO,KAAK,EAOV,YAAY,EACZ,QAAQ,EAIT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,EAKL,kBAAkB,EAEnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAK9E,OAAO,8BAA8B,CAAC;AACtC,OAAO,gDAAgD,CAAC;AAExD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AASD,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,gBAAgB,CAAC,EAAE,IAAI,CAAC;IAGxB,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,UAAU,EAAE,OAAO,CAAQ;IAG3B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAGpC,SAAS,CAAC,EAAE,KAAK,CAAC;IAalB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAMvB,iBAAiB;IAKjB,oBAAoB;cASJ,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAmC5D,MAAM;CAiIhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
+{"version":3,"file":"devvit-custom-post.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-custom-post.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,kEAAkE,CAAC;AAG1E,OAAO,KAAK,EAOV,YAAY,EACZ,QAAQ,EAIT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,EAKL,kBAAkB,EAEnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAK9E,OAAO,8BAA8B,CAAC;AACtC,OAAO,gDAAgD,CAAC;AACxD,OAAO,+CAA+C,CAAC;AAEvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AASD,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,gBAAgB,CAAC,EAAE,IAAI,CAAC;IAGxB,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,UAAU,EAAE,OAAO,CAAQ;IAG3B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAGpC,SAAS,CAAC,EAAE,KAAK,CAAC;IAalB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAMvB,iBAAiB;IAKjB,oBAAoB;cASJ,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAmC5D,MAAM;CAiIhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}