@devvit/ui-renderer 0.10.15-next-2024-02-09-09f4c00d6.0 → 0.10.15-next-2024-02-12-96a7f2dbb.0

package/client/devvit-animation-player.d.ts

@@ -1,5 +1,5 @@
-import { LitElement, PropertyValues } from 'lit';
 import { BlockAnimationDirection, BlockAnimationLoopMode, BlockAnimationType } from '@devvit/protos';
+import { LitElement, PropertyValues } from 'lit';
 import '@dotlottie/player-component';
 /**
  * @description a simple wrapper for lottie-player
@@ -17,7 +17,7 @@ export declare class DevvitAnimationPlayer extends LitElement {
     $lottieAnimation?: HTMLDivElement;
     loopModeStr: string;
     directionNum?: number | undefined;
-    updated(changedProperties: PropertyValues): void;
+    updated(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=devvit-animation-player.d.ts.map

package/client/devvit-animation-player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-animation-player.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-animation-player.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvD,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,6BAA6B,CAAC;AAGrC;;GAEG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACvB,GAAG,EAAE,MAAM,CAAM;IACjB,UAAU,EAAE,MAAM,CAAM;IACxB,WAAW,EAAE,MAAM,CAAM;IACxB,QAAQ,EAAE,OAAO,CAAQ;IACzB,IAAI,EAAE,OAAO,CAAQ;IACtB,QAAQ,EAAE,sBAAsB,CAClB;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAElB,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAElD,WAAW,EAAE,MAAM,CAAY;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAyBhD,MAAM;CAyBhB"}
+{"version":3,"file":"devvit-animation-player.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-animation-player.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,6BAA6B,CAAC;AAGrC;;GAEG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACvB,GAAG,EAAE,MAAM,CAAM;IACjB,UAAU,EAAE,MAAM,CAAM;IACxB,WAAW,EAAE,MAAM,CAAM;IACxB,QAAQ,EAAE,OAAO,CAAQ;IACzB,IAAI,EAAE,OAAO,CAAQ;IACtB,QAAQ,EAAE,sBAAsB,CAClB;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAElB,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAElD,WAAW,EAAE,MAAM,CAAY;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAyBtD,MAAM;CAyBhB"}

package/client/devvit-animation-player.js

@@ -7,10 +7,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { BlockAnimationDirection, BlockAnimationLoopMode, BlockAnimationType, } from '@devvit/protos';
 import { html, LitElement } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { BlockAnimationDirection, BlockAnimationLoopMode, BlockAnimationType, } from '@devvit/protos';
 import '@dotlottie/player-component';
 import { ifDefined } from 'lit/directives/if-defined.js';
 /**

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

@@ -1,11 +1,10 @@
-import { LitElement, PropertyValues } from 'lit';
 import '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import type { Block, BlockAction, Effect, LinkedBundle, Metadata, RenderPostResponse, Struct, UIEvent } from '@devvit/protos';
+import type { BlockAction, Effect, LinkedBundle, Metadata, RenderPostResponse, Struct, UIEvent } from '@devvit/protos';
 import { RealtimeEvent } from '@devvit/protos';
-import { BrowserLiteClient } from '@devvit/runtime-lite/client/BrowserLiteClient.js';
+import { WorkerErrorType } from '@devvit/runtime-lite/client/BrowserLiteClient.js';
 import type { ActorRef } from '@devvit/runtimes/common/runtime/ActorRef.js';
 import { FaceplateEvent } from '@reddit/faceplate/event-types.js';
-import { DevvitBlocksRenderer } from '../blocks/components/devvit-blocks-renderer.js';
+import { LitElement, PropertyValues } from 'lit';
 import '../blocks/components/devvit-blocks-renderer.js';
 import '../blocks/components/devvit-blocks-webview.js';
 import './devvit-animation-player.js';
@@ -14,50 +13,66 @@ declare global {
         'devvit-custom-post': DevvitCustomPost;
     }
     interface HTMLElementEventMap {
+        'devvit-realtime-send': DevvitRealtimeSendEvent;
         'devvit-ui-effect': DevvitUIEffectEvent;
-        'devvit-user-action': DevvitUserAction;
-        'devvit-realtime-send': DevvitRealtimeSend;
+        'devvit-ui-error': FaceplateEvent<'devvit-ui-error'> & {
+            detail: DevvitUIError;
+        };
+        'devvit-user-action': DevvitUserActionEvent;
     }
 }
-export type DevvitRealtimeSend = FaceplateEvent<'devvit-realtime-send'> & {
-    detail: Readonly<{
-        event: RealtimeEvent;
-    }>;
+export type DevvitRealtimeSend = {
+    event: RealtimeEvent;
+};
+export type DevvitRealtimeSendEvent = FaceplateEvent<'devvit-realtime-send'> & {
+    detail: DevvitRealtimeSend;
 };
-export type DevvitUserAction = FaceplateEvent<'devvit-user-action'> & {
-    detail: Readonly<{
-        action: BlockAction;
-    }>;
+export type DevvitUIEffect = {
+    effect: Effect;
+    onEvent(event: UIEvent): void;
 };
 export type DevvitUIEffectEvent = FaceplateEvent<'devvit-ui-effect'> & {
-    detail: Readonly<{
-        effect: Effect;
-        onEvent(event: UIEvent): void;
-    }>;
+    detail: DevvitUIEffect;
+};
+export type DevvitUIError = {
+    type: WorkerErrorType;
+    err: unknown;
+};
+export type DevvitUserAction = {
+    action: BlockAction;
+};
+export type DevvitUserActionEvent = FaceplateEvent<'devvit-user-action'> & {
+    detail: DevvitUserAction;
 };
+/**
+ * Blocks program renderer.
+ *
+ * Assumes the loaded program is a CustomPost & UIEventHandler.
+ *
+ * @slot - Loading / unloaded state.
+ */
 export declare class DevvitCustomPost extends LitElement {
     #private;
     /** Probably a wrapper around the remote runtime (compute-go). */
-    actorRef?: ActorRef;
-    metadata: Metadata | undefined;
-    postId?: string;
-    postConfig?: Struct['fields'];
-    localRuntimeCode?: Blob;
-    bundle?: LinkedBundle;
-    useSandbox: boolean;
+    actorRef?: ActorRef | undefined;
+    bundle?: LinkedBundle | undefined;
+    localRuntimeCode?: Blob | undefined;
+    metadata?: Metadata | undefined;
+    postConfig?: Struct['fields'] | undefined;
+    postId?: string | undefined;
+    scheme?: 'dark' | 'light' | undefined;
     useExperimentalBlocks: boolean;
-    forceColorScheme: string | undefined;
-    blocksRenderer?: DevvitBlocksRenderer;
-    renderResponse?: RenderPostResponse;
-    rootBlock?: Block;
-    isSuspended: boolean;
-    localClient?: BrowserLiteClient;
-    static get styles(): import("lit").CSSResult[];
+    useSandbox: boolean;
+    renderResponse?: RenderPostResponse | undefined;
+    private _blocksRenderer;
+    private _isSuspended;
+    private _rootBlock?;
+    constructor();
+    disconnectedCallback(): void;
     rerender(): void;
-    connectedCallback(): void;
+    static get styles(): import("lit").CSSResult[];
     suspendPost(): void;
-    disconnectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected willUpdate(props: PropertyValues<this>): Promise<void>;
 }
 //# sourceMappingURL=devvit-custom-post.d.ts.map

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,EACV,KAAK,EACL,WAAW,EAGX,MAAM,EAGN,YAAY,EACZ,QAAQ,EAER,kBAAkB,EAClB,MAAM,EACN,OAAO,EAER,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAOL,aAAa,EAEd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAGrF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAMtF,OAAO,gDAAgD,CAAC;AACxD,OAAO,+CAA+C,CAAC;AACvD,OAAO,8BAA8B,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;IACD,UAAU,mBAAmB;QAC3B,kBAAkB,EAAE,mBAAmB,CAAC;QACxC,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,sBAAsB,CAAC,GAAG;IACxE,MAAM,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAC,CAAC;CAC5C,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,oBAAoB,CAAC,GAAG;IACpE,MAAM,EAAE,QAAQ,CAAC;QAAE,MAAM,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG;IACrE,MAAM,EAAE,QAAQ,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CACrE,CAAC;AAkBF,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,iEAAiE;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpD,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAG/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,UAAU,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAG9B,gBAAgB,CAAC,EAAE,IAAI,CAAC;IAGxB,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,UAAU,EAAE,OAAO,CAAQ;IAG3B,qBAAqB,EAAE,OAAO,CAAS;IAGvC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IAGrC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAGtC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAGpC,SAAS,CAAC,EAAE,KAAK,CAAC;IAGlB,WAAW,EAAE,OAAO,CAAS;IAe7B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,WAAoB,MAAM,8BAEzB;IAOD,QAAQ,IAAI,IAAI;IAIP,iBAAiB,IAAI,IAAI;IAKlC,WAAW,IAAI,IAAI;IAQV,oBAAoB,IAAI,IAAI;cAMZ,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IA4C5E,MAAM;CA0LhB"}
+{"version":3,"file":"devvit-custom-post.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-custom-post.ts"],"names":[],"mappings":"AAAA,OAAO,kEAAkE,CAAC;AAE1E,OAAO,KAAK,EAEV,WAAW,EAGX,MAAM,EAGN,YAAY,EACZ,QAAQ,EAER,kBAAkB,EAClB,MAAM,EACN,OAAO,EAER,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAOL,aAAa,EAEd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,eAAe,EAChB,MAAM,kDAAkD,CAAC;AAG1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AASvD,OAAO,gDAAgD,CAAC;AACxD,OAAO,+CAA+C,CAAC;AACvD,OAAO,8BAA8B,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;IACD,UAAU,mBAAmB;QAC3B,sBAAsB,EAAE,uBAAuB,CAAC;QAChD,kBAAkB,EAAE,mBAAmB,CAAC;QACxC,iBAAiB,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAG;YAAE,MAAM,EAAE,aAAa,CAAA;SAAE,CAAC;QACjF,oBAAoB,EAAE,qBAAqB,CAAC;KAC7C;CACF;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,CAAC;AAC1D,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,sBAAsB,CAAC,GAAG;IAC7E,MAAM,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AACF,MAAM,MAAM,cAAc,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAAE,MAAM,EAAE,cAAc,CAAA;CAAE,CAAC;AAClG,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,GAAG,EAAE,OAAO,CAAA;CAAE,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,oBAAoB,CAAC,GAAG;IACzE,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAiBF;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,iEAAiE;IACjC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAEzE,qBAAqB,EAAE,OAAO,CAAS;IACgB,UAAU,EAAE,OAAO,CAAQ;IACzE,cAAc,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAGxB,OAAO,CAAC,eAAe,CAAwB;IAGvE,OAAO,CAAC,YAAY,CAAkB;IAItC,OAAO,CAAC,UAAU,CAAC,CAAQ;;IAY3B,oBAAoB,IAAI,IAAI;IAKrC,QAAQ,IAAI,IAAI;IAIhB,WAAoB,MAAM,8BAEzB;IAED,WAAW,IAAI,IAAI;cAQA,MAAM;cAoBA,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;CA2NhF"}

package/client/devvit-custom-post.js

@@ -18,15 +18,15 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _DevvitCustomPost_instances, _DevvitCustomPost_appState, _DevvitCustomPost_lastRequest, _DevvitCustomPost_rootHeight, _DevvitCustomPost_hasInitialRender, _DevvitCustomPost_hostname, _DevvitCustomPost_customPostActor, _DevvitCustomPost_uiEventHandlerActor, _DevvitCustomPost_rpcQueue, _DevvitCustomPost_rerenderTimeout, _DevvitCustomPost_state_get, _DevvitCustomPost_makeRenderContext, _DevvitCustomPost_handleUIEvent, _DevvitCustomPost_handleUserAction, _DevvitCustomPost_renderRequest, _DevvitCustomPost_initialRender, _DevvitCustomPost_userActionRender, _DevvitCustomPost_effectEventRender, _DevvitCustomPost_renderPost, _DevvitCustomPost_handleEffects, _DevvitCustomPost_onPluginCall;
-import { html, LitElement } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import PQueue from 'p-queue';
+var _DevvitCustomPost_instances, _DevvitCustomPost_appState, _DevvitCustomPost_customPostActor, _DevvitCustomPost_hasInitialRender, _DevvitCustomPost_lastRequest, _DevvitCustomPost_localClient, _DevvitCustomPost_rerenderTimeout, _DevvitCustomPost_rootHeight, _DevvitCustomPost_rpcQueue, _DevvitCustomPost_uiEventHandlerActor, _DevvitCustomPost_bubble, _DevvitCustomPost_effectEventRender, _DevvitCustomPost_handleEffects, _DevvitCustomPost_handleUserAction, _DevvitCustomPost_initialRender, _DevvitCustomPost_makeRenderContext, _DevvitCustomPost_newRenderRequest, _DevvitCustomPost_onPluginCall, _DevvitCustomPost_processEvent, _DevvitCustomPost_queueEvent, _DevvitCustomPost_queueRenderPost, _DevvitCustomPost_renderPost, _DevvitCustomPost_state_get, _DevvitCustomPost_userActionRender;
 import '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import { customEvent } from '@reddit/faceplate/lib/custom-event.js';
 import { BlockConfig_Root, BlockRenderEventType, BlockStackDirection, CustomPostDefinition, EffectType, RealtimeDefinition, UIEventHandlerDefinition, } from '@devvit/protos';
-import { BrowserLiteClient } from '@devvit/runtime-lite/client/BrowserLiteClient.js';
+import { BrowserLiteClient, } from '@devvit/runtime-lite/client/BrowserLiteClient.js';
 import { isCircuitBreaker } from '@devvit/runtime-lite/types/CircuitBreaker.js';
+import { customEvent } from '@reddit/faceplate/lib/custom-event.js';
+import { LitElement, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import PQueue from 'p-queue';
 import { DevvitBlocksRenderer } from '../blocks/components/devvit-blocks-renderer.js';
 import { DEFAULT_ROOT_HEIGHT } from '../blocks/templates/renderBlock.js';
 import { styles } from '../styles.js';
@@ -41,262 +41,265 @@ const USER_ACTION_EFFECTS = [
     EffectType.EFFECT_SHOW_FORM,
     EffectType.EFFECT_NAVIGATE_TO_URL,
 ];
+/**
+ * Blocks program renderer.
+ *
+ * Assumes the loaded program is a CustomPost & UIEventHandler.
+ *
+ * @slot - Loading / unloaded state.
+ */
 let DevvitCustomPost = class DevvitCustomPost extends LitElement {
     constructor() {
-        super(...arguments);
+        super();
         _DevvitCustomPost_instances.add(this);
-        this.useSandbox = true;
         this.useExperimentalBlocks = false;
-        this.isSuspended = false;
+        this.useSandbox = true;
         _DevvitCustomPost_appState.set(this, {});
+        _DevvitCustomPost_customPostActor.set(this, void 0);
+        _DevvitCustomPost_hasInitialRender.set(this, false);
+        this._isSuspended = false; // eslint-disable-line @typescript-eslint/naming-convention
         _DevvitCustomPost_lastRequest.set(this, void 0);
+        _DevvitCustomPost_localClient.set(this, void 0);
+        _DevvitCustomPost_rerenderTimeout.set(this, void 0);
         _DevvitCustomPost_rootHeight.set(this, void 0);
-        _DevvitCustomPost_hasInitialRender.set(this, false);
-        _DevvitCustomPost_hostname.set(this, void 0);
-        _DevvitCustomPost_customPostActor.set(this, void 0);
-        _DevvitCustomPost_uiEventHandlerActor.set(this, void 0);
+        // No concurrency is used to enforce order.
         _DevvitCustomPost_rpcQueue.set(this, new PQueue({ concurrency: 1 }));
-        _DevvitCustomPost_rerenderTimeout.set(this, void 0);
+        _DevvitCustomPost_uiEventHandlerActor.set(this, void 0);
+        _DevvitCustomPost_handleUserAction.set(this, async (event) => {
+            await __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_userActionRender).call(this, event.detail.action.id, event.detail.action.data);
+        });
         _DevvitCustomPost_makeRenderContext.set(this, () => ({
             request: __classPrivateFieldGet(this, _DevvitCustomPost_lastRequest, "f"),
             state: __classPrivateFieldGet(this, _DevvitCustomPost_instances, "a", _DevvitCustomPost_state_get),
             stackDirection: BlockStackDirection.UNRECOGNIZED,
-            onAction: (action) => {
-                __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_userActionRender).call(this, action.id, action.data);
-            },
+            onAction: (action) => void __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_userActionRender).call(this, action.id, action.data),
             experimental: this.useExperimentalBlocks,
         }));
-        _DevvitCustomPost_handleUIEvent.set(this, (event) => {
-            void __classPrivateFieldGet(this, _DevvitCustomPost_rpcQueue, "f").add(async () => {
-                const req = {
-                    event,
-                    state: __classPrivateFieldGet(this, _DevvitCustomPost_instances, "a", _DevvitCustomPost_state_get),
-                };
-                let call;
-                try {
-                    call = (await this.localClient?.call('HandleUIEvent', req, this.metadata));
-                }
-                catch (e) {
-                    if (!isCircuitBreaker(e) && this.localClient?.ready) {
-                        console.error(e);
-                    }
-                    else {
-                        if (devvit?.logCircuitBreaks)
-                            console.warn('remote call triggered at', e);
-                    }
-                    // Call remote runtime.
-                    call = await __classPrivateFieldGet(this, _DevvitCustomPost_uiEventHandlerActor, "f")?.HandleUIEvent(req, this.metadata);
-                }
-                if (call) {
-                    const res = await call;
-                    __classPrivateFieldSet(this, _DevvitCustomPost_appState, res.state ?? {}, "f");
-                    const renderType = event.realtimeEvent
-                        ? BlockRenderEventType.RENDER_EFFECT_EVENT
-                        : BlockRenderEventType.RENDER_USER_ACTION;
-                    await __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_handleEffects).call(this, renderType, res.effects);
-                }
-            });
-        });
-        _DevvitCustomPost_handleUserAction.set(this, (event) => {
-            __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_userActionRender).call(this, event.detail.action.id, event.detail.action.data);
-        });
-        _DevvitCustomPost_renderRequest.set(this, (type, id, data = {}) => ({
+        _DevvitCustomPost_newRenderRequest.set(this, (type, id, data = {}) => ({
             blocks: { type, id, data },
         }));
         _DevvitCustomPost_onPluginCall.set(this, (id, serviceName, method, args) => {
             if (serviceName === RealtimeDefinition.fullName &&
                 method === RealtimeDefinition.methods.send.name) {
-                this.dispatchEvent(customEvent('devvit-realtime-send', { event: args }));
-                this.localClient?.onPluginResponse(id, { error: undefined, success: true, value: {} });
+                __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_bubble).call(this, 'devvit-realtime-send', { event: args });
+                __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.onPluginResponse(id, { error: undefined, success: true, value: {} });
             }
         });
+        _DevvitCustomPost_queueEvent.set(this, async (ev) => {
+            await __classPrivateFieldGet(this, _DevvitCustomPost_rpcQueue, "f").add(() => __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_processEvent).call(this, ev));
+        });
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        this.addEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitCustomPost_handleUserAction, "f"));
     }
-    static get styles() {
-        return [styles];
+    disconnectedCallback() {
+        this.suspendPost();
+        super.disconnectedCallback();
     }
     rerender() {
-        this.blocksRenderer?.requestUpdate();
+        this._blocksRenderer?.requestUpdate();
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitCustomPost_handleUserAction, "f"));
+    static get styles() {
+        return [styles];
     }
     suspendPost() {
-        this.isSuspended = true;
+        this._isSuspended = true;
         if (__classPrivateFieldGet(this, _DevvitCustomPost_rerenderTimeout, "f") !== undefined) {
             window.clearTimeout(__classPrivateFieldGet(this, _DevvitCustomPost_rerenderTimeout, "f"));
         }
-        this.localClient?.quit();
+        __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.quit();
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.suspendPost();
-        this.removeEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitCustomPost_handleUserAction, "f"));
+    render() {
+        if (!this.renderResponse) {
+            // The slot content is considered the loading state.
+            return html `<slot></slot>`;
+        }
+        return html `<div class="relative">
+      <devvit-blocks-renderer
+        class="${this.scheme ?? ''}"
+        .block="${this._rootBlock}"
+        .renderContext="${__classPrivateFieldGet(this, _DevvitCustomPost_makeRenderContext, "f")}"
+      >
+        <slot slot="empty-state-image" name="empty-state-image"></slot>
+      </devvit-blocks-renderer>
+      ${this._isSuspended
+            ? html `<div class="absolute top-0 left-0 w-full h-full bg-transparent border-none"></div>`
+            : html ``}
+    </div>`;
     }
-    async willUpdate(changedProperties) {
-        if (changedProperties.has('localRuntimeCode') && this.localRuntimeCode) {
-            this.localClient?.quit();
-            this.localClient = new BrowserLiteClient(this.localRuntimeCode, undefined, {
+    async willUpdate(props) {
+        if (props.has('localRuntimeCode') && this.localRuntimeCode) {
+            __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.quit();
+            __classPrivateFieldSet(this, _DevvitCustomPost_localClient, new BrowserLiteClient(this.localRuntimeCode, undefined, {
                 callback: __classPrivateFieldGet(this, _DevvitCustomPost_onPluginCall, "f"),
                 plugins: [RealtimeDefinition.fullName],
-            });
+            }), "f");
         }
-        const actorRefChanged = changedProperties.has('actorRef');
+        const actorRefChanged = props.has('actorRef');
         if (actorRefChanged) {
             __classPrivateFieldSet(this, _DevvitCustomPost_customPostActor, this.actorRef?.As(CustomPostDefinition), "f");
             __classPrivateFieldSet(this, _DevvitCustomPost_uiEventHandlerActor, this.actorRef?.As(UIEventHandlerDefinition), "f");
         }
-        const bundleChanged = changedProperties.has('bundle');
-        let appChanged = false;
-        if (bundleChanged) {
-            this.localClient?.quit();
-            if (this.bundle?.hostname !== __classPrivateFieldGet(this, _DevvitCustomPost_hostname, "f")) {
-                appChanged = true;
-            }
-        }
-        const experimentalChanged = changedProperties.has('useExperimentalBlocks');
-        const sandboxChanged = changedProperties.has('useSandbox');
-        if (sandboxChanged) {
-            this.localClient?.quit();
-        }
-        if ((this.actorRef && (actorRefChanged || bundleChanged)) || sandboxChanged) {
+        if (props.has('bundle') || props.has('useSandbox'))
+            __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.quit();
+        if ((this.actorRef && (actorRefChanged || props.has('bundle'))) || props.has('useSandbox')) {
             if (this.bundle) {
                 // offline/online, defer initialRender for offline client
-                await this.localClient?.loadBundle(this.bundle, this.useSandbox);
+                await __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.loadBundle(this.bundle, this.useSandbox);
             }
-            else if (appChanged || !__classPrivateFieldGet(this, _DevvitCustomPost_hasInitialRender, "f")) {
+            else if ((this.bundle && props.has('bundle')) || !__classPrivateFieldGet(this, _DevvitCustomPost_hasInitialRender, "f")) {
                 // online only
                 __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_initialRender).call(this);
             }
         }
-        else if (experimentalChanged) {
+        else if (props.has('useExperimentalBlocks')) {
             __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_initialRender).call(this);
         }
     }
-    render() {
-        if (!this.renderResponse) {
-            return html `<slot></slot>`;
-        }
-        return html `<div class="relative">
-      <devvit-blocks-renderer
-        class="${this.forceColorScheme ?? ''}"
-        .block="${this.rootBlock}"
-        .renderContext="${__classPrivateFieldGet(this, _DevvitCustomPost_makeRenderContext, "f")}"
-      >
-        <slot slot="empty-state-image" name="empty-state-image"></slot>
-      </devvit-blocks-renderer>
-      ${this.isSuspended
-            ? html `<div class="absolute top-0 left-0 w-full h-full bg-transparent border-none"></div>`
-            : html ``}
-    </div>`;
-    }
 };
 _DevvitCustomPost_appState = new WeakMap();
+_DevvitCustomPost_customPostActor = new WeakMap();
+_DevvitCustomPost_hasInitialRender = new WeakMap();
 _DevvitCustomPost_lastRequest = new WeakMap();
+_DevvitCustomPost_localClient = new WeakMap();
+_DevvitCustomPost_rerenderTimeout = new WeakMap();
 _DevvitCustomPost_rootHeight = new WeakMap();
-_DevvitCustomPost_hasInitialRender = new WeakMap();
-_DevvitCustomPost_hostname = new WeakMap();
-_DevvitCustomPost_customPostActor = new WeakMap();
-_DevvitCustomPost_uiEventHandlerActor = new WeakMap();
 _DevvitCustomPost_rpcQueue = new WeakMap();
-_DevvitCustomPost_rerenderTimeout = new WeakMap();
-_DevvitCustomPost_makeRenderContext = new WeakMap();
-_DevvitCustomPost_handleUIEvent = new WeakMap();
+_DevvitCustomPost_uiEventHandlerActor = new WeakMap();
 _DevvitCustomPost_handleUserAction = new WeakMap();
-_DevvitCustomPost_renderRequest = new WeakMap();
+_DevvitCustomPost_makeRenderContext = new WeakMap();
+_DevvitCustomPost_newRenderRequest = new WeakMap();
 _DevvitCustomPost_onPluginCall = new WeakMap();
+_DevvitCustomPost_queueEvent = new WeakMap();
 _DevvitCustomPost_instances = new WeakSet();
-_DevvitCustomPost_state_get = function _DevvitCustomPost_state_get() {
-    const data = { __postData: { thingId: this.postId, config: this.postConfig } };
-    return Object.assign({}, __classPrivateFieldGet(this, _DevvitCustomPost_appState, "f"), data);
+_DevvitCustomPost_bubble = function _DevvitCustomPost_bubble(type, detail) {
+    this.dispatchEvent(customEvent(type, detail));
+};
+_DevvitCustomPost_effectEventRender = async function _DevvitCustomPost_effectEventRender(effectType, effectData) {
+    await __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_queueRenderPost).call(this, __classPrivateFieldGet(this, _DevvitCustomPost_newRenderRequest, "f").call(this, BlockRenderEventType.RENDER_EFFECT_EVENT, effectType, effectData), 'CircuitClose' // eslint-disable-line @reddit/i18n-shreddit/no-unwrapped-strings
+    );
+};
+_DevvitCustomPost_handleEffects = async function _DevvitCustomPost_handleEffects(renderType, effects) {
+    effects.forEach((effect) => {
+        if (effect.type === EffectType.EFFECT_RERENDER_UI) {
+            if (__classPrivateFieldGet(this, _DevvitCustomPost_rerenderTimeout, "f") != null)
+                clearTimeout(__classPrivateFieldGet(this, _DevvitCustomPost_rerenderTimeout, "f"));
+            __classPrivateFieldSet(this, _DevvitCustomPost_rerenderTimeout, setTimeout(() => {
+                void __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_effectEventRender).call(this, 'rerender-effect', {});
+            }, (effect.rerenderUi?.delaySeconds ?? 0) * 1000), "f");
+        }
+        else {
+            if (renderType !== BlockRenderEventType.RENDER_USER_ACTION ||
+                USER_ACTION_EFFECTS.includes(effect.type)) {
+                __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_bubble).call(this, 'devvit-ui-effect', {
+                    effect,
+                    onEvent: (ev) => void __classPrivateFieldGet(this, _DevvitCustomPost_queueEvent, "f").call(this, ev),
+                });
+            }
+        }
+    });
 };
 _DevvitCustomPost_initialRender = function _DevvitCustomPost_initialRender() {
-    if (this.isSuspended) {
-        this.isSuspended = false;
+    if (this._isSuspended) {
+        this._isSuspended = false;
     }
     __classPrivateFieldSet(this, _DevvitCustomPost_rootHeight, undefined, "f");
     __classPrivateFieldSet(this, _DevvitCustomPost_hasInitialRender, true, "f");
-    __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_renderPost).call(this, __classPrivateFieldGet(this, _DevvitCustomPost_renderRequest, "f").call(this, BlockRenderEventType.RENDER_INITIAL));
+    __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_queueRenderPost).call(this, __classPrivateFieldGet(this, _DevvitCustomPost_newRenderRequest, "f").call(this, BlockRenderEventType.RENDER_INITIAL), 'CircuitClose' // eslint-disable-line @reddit/i18n-shreddit/no-unwrapped-strings
+    );
 };
-_DevvitCustomPost_userActionRender = function _DevvitCustomPost_userActionRender(actionId, data = {}) {
-    __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_renderPost).call(this, __classPrivateFieldGet(this, _DevvitCustomPost_renderRequest, "f").call(this, BlockRenderEventType.RENDER_USER_ACTION, actionId, data));
+_DevvitCustomPost_processEvent = async function _DevvitCustomPost_processEvent(ev) {
+    const req = {
+        event: ev,
+        state: __classPrivateFieldGet(this, _DevvitCustomPost_instances, "a", _DevvitCustomPost_state_get),
+    };
+    let call;
+    try {
+        call = (await __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.call('HandleUIEvent', req, this.metadata));
+    }
+    catch (e) {
+        if (!isCircuitBreaker(e) && __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.ready) {
+            console.error(e);
+        }
+        else {
+            if (devvit?.logCircuitBreaks)
+                console.warn('remote call triggered at', e);
+        }
+        // Call remote runtime.
+        call = await __classPrivateFieldGet(this, _DevvitCustomPost_uiEventHandlerActor, "f")?.HandleUIEvent(req, this.metadata);
+    }
+    if (call) {
+        const res = await call;
+        __classPrivateFieldSet(this, _DevvitCustomPost_appState, res.state ?? {}, "f");
+        const renderType = ev.realtimeEvent
+            ? BlockRenderEventType.RENDER_EFFECT_EVENT
+            : BlockRenderEventType.RENDER_USER_ACTION;
+        await __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_handleEffects).call(this, renderType, res.effects);
+    }
 };
-_DevvitCustomPost_effectEventRender = function _DevvitCustomPost_effectEventRender(effectType, effectData) {
-    __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_renderPost).call(this, __classPrivateFieldGet(this, _DevvitCustomPost_renderRequest, "f").call(this, BlockRenderEventType.RENDER_EFFECT_EVENT, effectType, effectData));
+_DevvitCustomPost_queueRenderPost = function _DevvitCustomPost_queueRenderPost(req, circuit) {
+    void __classPrivateFieldGet(this, _DevvitCustomPost_rpcQueue, "f").add(() => __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_renderPost).call(this, req, circuit), 
+    // Cut in line to re-render from server response immediately
+    { priority: circuit === 'CircuitBreak' ? 100 : 0 });
 };
-_DevvitCustomPost_renderPost = function _DevvitCustomPost_renderPost(req, circuitBreak = false) {
-    void __classPrivateFieldGet(this, _DevvitCustomPost_rpcQueue, "f").add(async () => {
-        var _a, _b;
-        let call;
-        req.state = __classPrivateFieldGet(this, _DevvitCustomPost_instances, "a", _DevvitCustomPost_state_get);
-        try {
-            if (circuitBreak) {
-                throw new Error();
+_DevvitCustomPost_renderPost = async function _DevvitCustomPost_renderPost(req, circuit) {
+    var _a, _b;
+    let call;
+    req.state = __classPrivateFieldGet(this, _DevvitCustomPost_instances, "a", _DevvitCustomPost_state_get);
+    try {
+        if (circuit === 'CircuitBreak') {
+            throw new Error();
+        }
+        call = (await __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.call('RenderPost', req, this.metadata));
+    }
+    catch (e) {
+        if (isCircuitBreaker(e)) {
+            if (e.response) {
+                call = e.response;
             }
-            call = (await this.localClient?.call('RenderPost', req, this.metadata));
+            __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_queueRenderPost).call(this, req, 'CircuitBreak' // eslint-disable-line @reddit/i18n-shreddit/no-unwrapped-strings
+            );
         }
-        catch (e) {
-            if (isCircuitBreaker(e)) {
-                if (e.response) {
-                    call = e.response;
-                }
-                // queue up follow-up call
-                __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_renderPost).call(this, req, true);
+        else {
+            if (circuit === 'CircuitClose' && __classPrivateFieldGet(this, _DevvitCustomPost_localClient, "f")?.ready) {
+                console.error(e);
             }
             else {
-                if (!circuitBreak && this.localClient?.ready) {
-                    console.error(e);
-                }
-                else {
-                    if (devvit?.logCircuitBreaks)
-                        console.warn('remote call triggered at', e);
-                }
-                // Call remote runtime.
-                call = await __classPrivateFieldGet(this, _DevvitCustomPost_customPostActor, "f")?.RenderPost(req, this.metadata);
+                if (devvit?.logCircuitBreaks)
+                    console.warn('remote call triggered at', e);
             }
+            // Call remote runtime.
+            call = await __classPrivateFieldGet(this, _DevvitCustomPost_customPostActor, "f")?.RenderPost(req, this.metadata);
         }
-        if (call) {
-            this.renderResponse = call;
-            if (this.renderResponse.state) {
-                __classPrivateFieldSet(this, _DevvitCustomPost_appState, this.renderResponse.state, "f");
-            }
-            if (this.renderResponse?.blocks?.ui) {
-                __classPrivateFieldSet(this, _DevvitCustomPost_lastRequest, req.blocks, "f");
-                this.rootBlock = this.renderResponse.blocks.ui;
-                if (!__classPrivateFieldGet(this, _DevvitCustomPost_rootHeight, "f")) {
-                    // Lock in the initial height
-                    __classPrivateFieldSet(this, _DevvitCustomPost_rootHeight, this.rootBlock.config?.rootConfig?.height || DEFAULT_ROOT_HEIGHT, "f");
-                }
-                else {
-                    (_a = this.rootBlock).config ?? (_a.config = {});
-                    (_b = this.rootBlock.config).rootConfig ?? (_b.rootConfig = BlockConfig_Root.fromPartial({}));
-                    this.rootBlock.config.rootConfig.height = __classPrivateFieldGet(this, _DevvitCustomPost_rootHeight, "f");
-                }
-                await this.updateComplete;
-            }
-            await __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_handleEffects).call(this, req.blocks.type, this.renderResponse.effects);
+    }
+    if (call) {
+        this.renderResponse = call;
+        if (this.renderResponse.state) {
+            __classPrivateFieldSet(this, _DevvitCustomPost_appState, this.renderResponse.state, "f");
         }
-    }, 
-    // Cut in line to re-render from server response immediately
-    circuitBreak ? { priority: 100 } : {});
-};
-_DevvitCustomPost_handleEffects = async function _DevvitCustomPost_handleEffects(renderType, effects) {
-    effects.forEach((effect) => {
-        if (effect.type === EffectType.EFFECT_RERENDER_UI) {
-            if (__classPrivateFieldGet(this, _DevvitCustomPost_rerenderTimeout, "f") !== undefined) {
-                window.clearTimeout(__classPrivateFieldGet(this, _DevvitCustomPost_rerenderTimeout, "f"));
+        if (this.renderResponse?.blocks?.ui) {
+            __classPrivateFieldSet(this, _DevvitCustomPost_lastRequest, req.blocks, "f");
+            this._rootBlock = this.renderResponse.blocks.ui;
+            if (!__classPrivateFieldGet(this, _DevvitCustomPost_rootHeight, "f")) {
+                // Lock in the initial height
+                __classPrivateFieldSet(this, _DevvitCustomPost_rootHeight, this._rootBlock.config?.rootConfig?.height || DEFAULT_ROOT_HEIGHT, "f");
             }
-            __classPrivateFieldSet(this, _DevvitCustomPost_rerenderTimeout, window.setTimeout(() => {
-                __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_effectEventRender).call(this, 'rerender-effect', {});
-            }, (effect.rerenderUi?.delaySeconds ?? 0) * 1000), "f");
-        }
-        else {
-            if (renderType !== BlockRenderEventType.RENDER_USER_ACTION ||
-                USER_ACTION_EFFECTS.includes(effect.type)) {
-                this.dispatchEvent(customEvent('devvit-ui-effect', { effect, onEvent: __classPrivateFieldGet(this, _DevvitCustomPost_handleUIEvent, "f") }));
+            else {
+                (_a = this._rootBlock).config ?? (_a.config = {});
+                (_b = this._rootBlock.config).rootConfig ?? (_b.rootConfig = BlockConfig_Root.fromPartial({}));
+                this._rootBlock.config.rootConfig.height = __classPrivateFieldGet(this, _DevvitCustomPost_rootHeight, "f");
             }
+            await this.updateComplete;
         }
-    });
+        await __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_handleEffects).call(this, req.blocks.type, this.renderResponse.effects);
+    }
+};
+_DevvitCustomPost_state_get = function _DevvitCustomPost_state_get() {
+    const data = { __postData: { thingId: this.postId, config: this.postConfig } };
+    return Object.assign({}, __classPrivateFieldGet(this, _DevvitCustomPost_appState, "f"), data);
+};
+_DevvitCustomPost_userActionRender = async function _DevvitCustomPost_userActionRender(actionId, data = {}) {
+    await __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_queueRenderPost).call(this, __classPrivateFieldGet(this, _DevvitCustomPost_newRenderRequest, "f").call(this, BlockRenderEventType.RENDER_USER_ACTION, actionId, data), 'CircuitClose' // eslint-disable-line @reddit/i18n-shreddit/no-unwrapped-strings
+    );
 };
 __decorate([
     property({ attribute: false }),
@@ -305,52 +308,53 @@ __decorate([
 __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "metadata", void 0);
+], DevvitCustomPost.prototype, "bundle", void 0);
 __decorate([
     property({ attribute: false }),
-    __metadata("design:type", String)
-], DevvitCustomPost.prototype, "postId", void 0);
+    __metadata("design:type", Object)
+], DevvitCustomPost.prototype, "localRuntimeCode", void 0);
 __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "postConfig", void 0);
+], DevvitCustomPost.prototype, "metadata", void 0);
 __decorate([
     property({ attribute: false }),
-    __metadata("design:type", Blob)
-], DevvitCustomPost.prototype, "localRuntimeCode", void 0);
+    __metadata("design:type", Object)
+], DevvitCustomPost.prototype, "postConfig", void 0);
 __decorate([
-    property({ attribute: false }),
+    property({ attribute: 'post-id' }),
     __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "bundle", void 0);
+], DevvitCustomPost.prototype, "postId", void 0);
 __decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Boolean)
-], DevvitCustomPost.prototype, "useSandbox", void 0);
+    property({ attribute: 'scheme' }),
+    __metadata("design:type", Object)
+], DevvitCustomPost.prototype, "scheme", void 0);
 __decorate([
-    property({ attribute: false }),
+    property({ attribute: 'use-experimental-blocks', type: Boolean }),
     __metadata("design:type", Boolean)
 ], DevvitCustomPost.prototype, "useExperimentalBlocks", void 0);
 __decorate([
-    property({ attribute: false }),
+    property({ attribute: 'use-sandbox', type: Boolean }),
+    __metadata("design:type", Boolean)
+], DevvitCustomPost.prototype, "useSandbox", void 0);
+__decorate([
+    state(),
     __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "forceColorScheme", void 0);
+], DevvitCustomPost.prototype, "renderResponse", void 0);
 __decorate([
     query('devvit-blocks-renderer'),
     __metadata("design:type", DevvitBlocksRenderer)
-], DevvitCustomPost.prototype, "blocksRenderer", void 0);
+], DevvitCustomPost.prototype, "_blocksRenderer", void 0);
 __decorate([
     state(),
-    __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "renderResponse", void 0);
+    __metadata("design:type", Boolean)
+], DevvitCustomPost.prototype, "_isSuspended", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "rootBlock", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Boolean)
-], DevvitCustomPost.prototype, "isSuspended", void 0);
+], DevvitCustomPost.prototype, "_rootBlock", void 0);
 DevvitCustomPost = __decorate([
-    customElement('devvit-custom-post')
+    customElement('devvit-custom-post'),
+    __metadata("design:paramtypes", [])
 ], DevvitCustomPost);
 export { DevvitCustomPost };

package/client/formbuilder/components/devvit-form-selection-dropdown.d.ts

@@ -11,7 +11,7 @@ export declare class DevvitFormSelectionDropdown extends InputElement {
     currentLabel: string;
     static get styles(): import("lit").CSSResultGroup[];
     get value(): string;
-    willUpdate(changedProperties: PropertyValues): void;
+    willUpdate(changedProperties: PropertyValues<this>): void;
     render(): TemplateResult<1>;
 }
 //# sourceMappingURL=devvit-form-selection-dropdown.d.ts.map

package/client/formbuilder/components/devvit-form-selection-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-selection-dropdown.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAS1D,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAIxB,OAAO,4DAA4D,CAAC;AACpE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,2DAA2D,CAAC;AAGnE,qBAAa,2BAA4B,SAAQ,YAAY;;IAE3D,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAG7B,YAAY,UAAS;IAGrB,YAAY,SAAM;IAKlB,WAAoB,MAAM,mCAWzB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAwD1C,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAoDrC"}
+{"version":3,"file":"devvit-form-selection-dropdown.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1D,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAG/E,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAIxB,OAAO,4DAA4D,CAAC;AACpE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,2DAA2D,CAAC;AAGnE,qBAAa,2BAA4B,SAAQ,YAAY;;IAE3D,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAG7B,YAAY,UAAS;IAGrB,YAAY,SAAM;IAKlB,WAAoB,MAAM,mCAWzB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwDhD,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAoDrC"}

package/client/formbuilder/components/devvit-form-selection-dropdown.js

@@ -23,10 +23,10 @@ import { css } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { html, ifDefined } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import { listItem } from '@reddit/faceplate-ui/templates/list-item.js';
 import { dropdownButton } from '@reddit/faceplate-ui/templates/dropdownButton.js';
-import { msg } from '@reddit/faceplate/lib/i18n/localize.js';
+import { listItem } from '@reddit/faceplate-ui/templates/list-item.js';
 import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
+import { msg } from '@reddit/faceplate/lib/i18n/localize.js';
 import { FieldConfig_Selection, FormFieldValue_SelectionValue, } from '@devvit/protos';
 import { styles } from '../../../styles.js';
 import '@reddit/faceplate-ui/components/faceplate-dropdown-menu.js';

package/client/formbuilder/components/devvit-form-selection-list.d.ts

@@ -1,14 +1,14 @@
 import { PropertyValues, TemplateResult } from 'lit';
 import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FormField } from '@devvit/protos';
-import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
 import '@reddit/faceplate-ui/components/faceplate-checkbox-input.js';
+import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
 export declare class DevvitFormSelectionList extends InputElement {
     #private;
     field: FormField | undefined;
     static get styles(): import("lit").CSSResultGroup[];
     get value(): string;
-    willUpdate(changedProperties: PropertyValues): void;
+    willUpdate(changedProperties: PropertyValues<this>): void;
     render(): TemplateResult<1>;
 }
 //# sourceMappingURL=devvit-form-selection-list.d.ts.map

package/client/formbuilder/components/devvit-form-selection-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-selection-list.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrD,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAMxB,OAAO,0DAA0D,CAAC;AAClE,OAAO,6DAA6D,CAAC;AAErE,qBAAa,uBAAwB,SAAQ,YAAY;;IAEvD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAK7B,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAsB1C,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgDrC"}
+{"version":3,"file":"devvit-form-selection-list.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrD,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/E,OAAO,EAGL,SAAS,EAEV,MAAM,gBAAgB,CAAC;AAMxB,OAAO,6DAA6D,CAAC;AACrE,OAAO,0DAA0D,CAAC;AAElE,qBAAa,uBAAwB,SAAQ,YAAY;;IAEvD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAK7B,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAsBhD,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgDrC"}

package/client/formbuilder/components/devvit-form-selection-list.js

@@ -25,8 +25,8 @@ import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
 import { FieldConfig_Selection, FormFieldValue_SelectionValue, } from '@devvit/protos';
 import { renderFieldLabel } from '../fields/renderFieldLabel.js';
 import { styles } from '../../../styles.js';
-import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
 import '@reddit/faceplate-ui/components/faceplate-checkbox-input.js';
+import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
 export class DevvitFormSelectionList extends InputElement {
     constructor() {
         super(...arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devvit/ui-renderer",
-  "version": "0.10.15-next-2024-02-09-09f4c00d6.0",
+  "version": "0.10.15-next-2024-02-12-96a7f2dbb.0",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -54,10 +54,10 @@
   },
   "types": "./index.d.ts",
   "dependencies": {
-    "@devvit/protos": "0.10.15-next-2024-02-09-09f4c00d6.0",
-    "@devvit/runtime-lite": "0.10.15-next-2024-02-09-09f4c00d6.0",
-    "@devvit/runtimes": "0.10.15-next-2024-02-09-09f4c00d6.0",
-    "@devvit/shared-types": "0.10.15-next-2024-02-09-09f4c00d6.0",
+    "@devvit/protos": "0.10.15-next-2024-02-12-96a7f2dbb.0",
+    "@devvit/runtime-lite": "0.10.15-next-2024-02-12-96a7f2dbb.0",
+    "@devvit/runtimes": "0.10.15-next-2024-02-12-96a7f2dbb.0",
+    "@devvit/shared-types": "0.10.15-next-2024-02-12-96a7f2dbb.0",
     "@dotlottie/player-component": "2.7.2",
     "p-queue": "7.3.4",
     "rxjs": "7.5.7"
@@ -84,7 +84,7 @@
   "devDependencies": {
     "@devvit/eslint-config": "0.10.14",
     "@devvit/repo-tools": "0.10.14",
-    "@devvit/tsconfig": "0.10.15-next-2024-02-09-09f4c00d6.0",
+    "@devvit/tsconfig": "0.10.15-next-2024-02-12-96a7f2dbb.0",
     "@lit-labs/ssr": "^2.2.3",
     "@lit/localize": "0.11.4",
     "@open-wc/testing-helpers": "2.3.0",
@@ -116,5 +116,5 @@
     "directory": "dist"
   },
   "source": "./src/index.ts",
-  "gitHead": "31bd7244adba75d19602fc0d813f84d848a12649"
+  "gitHead": "66fa3740beaa38fa6244ca9ea2d612a4e12db80e"
 }