@devvit/ui-renderer 0.10.15-next-2024-02-09-7a37b6b0f.0 → 0.10.15-next-2024-02-12-3ee5af35d.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,9 +1,9 @@
-import { LitElement, PropertyValues } from 'lit';
 import '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import type { Block, LinkedBundle, Metadata, RenderPostResponse, Struct } from '@devvit/protos';
-import { BrowserLiteClient } from '@devvit/runtime-lite/client/BrowserLiteClient.js';
+import type { BlockAction, Effect, LinkedBundle, Metadata, RenderPostResponse, Struct, UIEvent } from '@devvit/protos';
+import { RealtimeEvent } from '@devvit/protos';
 import type { ActorRef } from '@devvit/runtimes/common/runtime/ActorRef.js';
-import { DevvitBlocksRenderer } from '../blocks/components/devvit-blocks-renderer.js';
+import { FaceplateEvent } from '@reddit/faceplate/event-types.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';
@@ -11,30 +11,50 @@ declare global {
     interface HTMLElementTagNameMap {
         'devvit-custom-post': DevvitCustomPost;
     }
+    interface HTMLElementEventMap {
+        'devvit-ui-effect': DevvitUIEffectEvent;
+        'devvit-user-action': DevvitUserAction;
+        'devvit-realtime-send': DevvitRealtimeSend;
+    }
 }
+export type DevvitRealtimeSend = FaceplateEvent<'devvit-realtime-send'> & {
+    detail: Readonly<{
+        event: RealtimeEvent;
+    }>;
+};
+export type DevvitUserAction = FaceplateEvent<'devvit-user-action'> & {
+    detail: Readonly<{
+        action: BlockAction;
+    }>;
+};
+export type DevvitUIEffectEvent = FaceplateEvent<'devvit-ui-effect'> & {
+    detail: Readonly<{
+        effect: Effect;
+        onEvent(event: UIEvent): void;
+    }>;
+};
 export declare class DevvitCustomPost extends LitElement {
     #private;
     /** Probably a wrapper around the remote runtime (compute-go). */
     actorRef?: ActorRef;
+    bundle?: LinkedBundle;
+    forceColorScheme?: string;
+    localRuntimeCode?: Blob;
     metadata: Metadata | undefined;
-    postId?: string;
     postConfig?: Struct['fields'];
-    localRuntimeCode?: Blob;
-    bundle?: LinkedBundle;
-    useSandbox: boolean;
+    postId?: string;
     useExperimentalBlocks: boolean;
-    forceColorScheme: string | undefined;
-    blocksRenderer?: DevvitBlocksRenderer;
+    useSandbox: boolean;
     renderResponse?: RenderPostResponse;
-    rootBlock?: Block;
-    isSuspended: boolean;
-    localClient?: BrowserLiteClient;
-    static get styles(): import("lit").CSSResult[];
-    rerender(): void;
+    private _blocksRenderer;
+    private _isSuspended;
+    private _rootBlock?;
     connectedCallback(): void;
-    suspendPost(): void;
     disconnectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    rerender(): void;
+    static get styles(): import("lit").CSSResult[];
+    suspendPost(): void;
+    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,EAOL,YAAY,EACZ,QAAQ,EAER,kBAAkB,EAClB,MAAM,EAGP,MAAM,gBAAgB,CAAC;AAUxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAGrF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC5E,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;IAEb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AAkBD,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;AAIxB,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,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;AAiBF,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,iEAAiE;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACP,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACzC,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpD,qBAAqB,EAAE,OAAO,CAAS;IACgB,UAAU,EAAE,OAAO,CAAQ;IACzE,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAGZ,OAAO,CAAC,eAAe,CAAwB;IAGvE,OAAO,CAAC,YAAY,CAAkB;IAItC,OAAO,CAAC,UAAU,CAAC,CAAQ;IAK3B,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAOrC,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;CAwNhF"}

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_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 { 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';
@@ -45,240 +45,132 @@ let DevvitCustomPost = class DevvitCustomPost extends LitElement {
     constructor() {
         super(...arguments);
         _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);
         _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_localClient, "f")?.onPluginResponse(id, { error: undefined, success: true, value: {} });
             }
         });
-    }
-    static get styles() {
-        return [styles];
-    }
-    rerender() {
-        this.blocksRenderer?.requestUpdate();
+        _DevvitCustomPost_queueEvent.set(this, async (ev) => {
+            await __classPrivateFieldGet(this, _DevvitCustomPost_rpcQueue, "f").add(() => __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_processEvent).call(this, ev));
+        });
     }
     connectedCallback() {
         super.connectedCallback();
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
         this.addEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitCustomPost_handleUserAction, "f"));
     }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.suspendPost();
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        this.removeEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitCustomPost_handleUserAction, "f"));
+    }
+    rerender() {
+        this._blocksRenderer?.requestUpdate();
+    }
+    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.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>`;
     }
-    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_initialRender = function _DevvitCustomPost_initialRender() {
-    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));
-};
-_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_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_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();
-            }
-            call = (await this.localClient?.call('RenderPost', req, this.metadata));
-        }
-        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 (!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 (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);
-        }
-    }, 
-    // Cut in line to re-render from server response immediately
-    circuitBreak ? { priority: 100 } : {});
+    __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) => {
@@ -293,11 +185,114 @@ _DevvitCustomPost_handleEffects = async function _DevvitCustomPost_handleEffects
         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") }));
+                this.dispatchEvent(customEvent('devvit-ui-effect', { effect, onEvent: __classPrivateFieldGet(this, _DevvitCustomPost_queueEvent, "f") }));
             }
         }
     });
 };
+_DevvitCustomPost_initialRender = function _DevvitCustomPost_initialRender() {
+    if (this._isSuspended) {
+        this._isSuspended = false;
+    }
+    __classPrivateFieldSet(this, _DevvitCustomPost_rootHeight, undefined, "f");
+    __classPrivateFieldSet(this, _DevvitCustomPost_hasInitialRender, true, "f");
+    __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_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_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
+    circuit === 'CircuitBreak' ? { priority: 100 } : {});
+};
+_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;
+            }
+            __classPrivateFieldGet(this, _DevvitCustomPost_instances, "m", _DevvitCustomPost_queueRenderPost).call(this, req, 'CircuitBreak' // eslint-disable-line @reddit/i18n-shreddit/no-unwrapped-strings
+            );
+        }
+        else {
+            if (circuit === 'CircuitClose' && __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_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);
+    }
+};
+_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 = function _DevvitCustomPost_userActionRender(actionId, data = {}) {
+    __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 }),
     __metadata("design:type", Object)
@@ -305,15 +300,11 @@ __decorate([
 __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "metadata", void 0);
+], DevvitCustomPost.prototype, "bundle", void 0);
 __decorate([
-    property({ attribute: false }),
+    property({ attribute: 'force-color-scheme' }),
     __metadata("design:type", String)
-], DevvitCustomPost.prototype, "postId", void 0);
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "postConfig", void 0);
+], DevvitCustomPost.prototype, "forceColorScheme", void 0);
 __decorate([
     property({ attribute: false }),
     __metadata("design:type", Blob)
@@ -321,35 +312,39 @@ __decorate([
 __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)
-], DevvitCustomPost.prototype, "bundle", void 0);
+], DevvitCustomPost.prototype, "metadata", void 0);
 __decorate([
     property({ attribute: false }),
-    __metadata("design:type", Boolean)
-], DevvitCustomPost.prototype, "useSandbox", void 0);
+    __metadata("design:type", Object)
+], DevvitCustomPost.prototype, "postConfig", void 0);
 __decorate([
-    property({ attribute: false }),
+    property({ attribute: 'post-id' }),
+    __metadata("design:type", String)
+], DevvitCustomPost.prototype, "postId", void 0);
+__decorate([
+    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')
 ], DevvitCustomPost);

package/client/effects/devvit-effect-handler.d.ts

@@ -1,5 +1,20 @@
-import { ReactiveController, ReactiveElement } from 'lit';
 import { Effect, Form, NavigateToUrlEffect, RealtimeSubscriptionsEffect, ReloadPartEffect, Toast, UIEvent } from '@devvit/protos';
+import { Severity } from '@reddit/faceplate/types.js';
+import { ReactiveController, ReactiveElement } from 'lit';
+import { ParentWindowInfo } from '../../types/parent-window.js';
+export type DevvitPostMessageEffectDetail = {
+    onEvent?(event: UIEvent): void;
+} & ({
+    effectName: 'devvit:navigateToEffect';
+    url: string;
+} | {
+    effectName: 'devvit:toastEffect';
+    message: string;
+    level: Severity;
+} | {
+    effectName: 'devvit:formEffect';
+    form: Form;
+});
 export declare abstract class DevvitEffectHandler implements ReactiveController {
     #private;
     protected host: ReactiveElement;

package/client/effects/devvit-effect-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/devvit-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EACL,MAAM,EAEN,IAAI,EACJ,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,EAChB,KAAK,EACL,OAAO,EACR,MAAM,gBAAgB,CAAC;AAExB,8BAAsB,mBAAoB,YAAW,kBAAkB;;IACrE,SAAS,CAAC,IAAI,EAAE,eAAe,CAAC;gBAEpB,IAAI,EAAE,eAAe;IAKjC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAE9E,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAE3E,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAE1F,SAAS,CAAC,eAAe,CACvB,WAAW,EAAE,mBAAmB,EAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GACjC,IAAI;IAEP,SAAS,CAAC,uBAAuB,CAC/B,cAAc,EAAE,2BAA2B,EAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GACjC,IAAI;IAEP,aAAa,IAAI,IAAI;IAIrB,gBAAgB,IAAI,IAAI;IAIxB,UAAU,IAAI,IAAI;IAElB,WAAW,IAAI,IAAI;IAOnB,mBAAmB,qBACC,gBAAgB,eACrB,6BAA6B,KACzC,IAAI,CASL;IAEF,MAAM,WAAY,MAAM,mBAAmB,OAAO,KAAK,IAAI,KAAG,IAAI,CA8BhE;CACH"}
+{"version":3,"file":"devvit-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/devvit-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAEN,IAAI,EACJ,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,EAChB,KAAK,EACL,OAAO,EACR,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC,GAAG,CACA;IAAE,UAAU,EAAE,yBAAyB,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GACtD;IAAE,UAAU,EAAE,oBAAoB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAA;CAAE,GACtE;IAAE,UAAU,EAAE,mBAAmB,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,CAClD,CAAC;AAEF,8BAAsB,mBAAoB,YAAW,kBAAkB;;IACrE,SAAS,CAAC,IAAI,EAAE,eAAe,CAAC;gBAEpB,IAAI,EAAE,eAAe;IAKjC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAE9E,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAE3E,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAE1F,SAAS,CAAC,eAAe,CACvB,WAAW,EAAE,mBAAmB,EAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GACjC,IAAI;IAEP,SAAS,CAAC,uBAAuB,CAC/B,cAAc,EAAE,2BAA2B,EAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GACjC,IAAI;IAEP,aAAa,IAAI,IAAI;IAIrB,gBAAgB,IAAI,IAAI;IAIxB,UAAU,IAAI,IAAI;IAElB,WAAW,IAAI,IAAI;IAOnB,mBAAmB,qBACC,gBAAgB,eACrB,6BAA6B,KACzC,IAAI,CASL;IAEF,MAAM,WAAY,MAAM,mBAAmB,OAAO,KAAK,IAAI,KAAG,IAAI,CA8BhE;CACH"}

package/client/effects/form-effect-handler.d.ts

@@ -1,6 +1,7 @@
-import { DevvitEffectHandler } from './devvit-effect-handler.js';
 import { Form, UIEvent } from '@devvit/protos';
 import { ReactiveElement } from 'lit';
+import { ParentWindowInfo } from '../../types/parent-window.js';
+import { DevvitEffectHandler } from './devvit-effect-handler.js';
 export declare class FormEffectHandler extends DevvitEffectHandler {
     #private;
     constructor(host: ReactiveElement, queryString?: string, parentWindowInfo?: ParentWindowInfo | undefined);

package/client/effects/form-effect-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/form-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAGtC,qBAAa,iBAAkB,SAAQ,mBAAmB;;gBAOtD,IAAI,EAAE,eAAe,EACrB,WAAW,GAAE,MAA6B,EAC1C,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS;IAOxC,WAAW,IAAI,IAAI;cAKT,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;CAYnF"}
+{"version":3,"file":"form-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/form-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,qBAAa,iBAAkB,SAAQ,mBAAmB;;gBAOtD,IAAI,EAAE,eAAe,EACrB,WAAW,GAAE,MAA6B,EAC1C,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS;IAOxC,WAAW,IAAI,IAAI;cAKT,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;CAYnF"}

package/client/effects/navigate-to-url-handler.d.ts

@@ -1,6 +1,7 @@
-import { DevvitEffectHandler } from './devvit-effect-handler.js';
 import { NavigateToUrlEffect, UIEvent } from '@devvit/protos';
 import { ReactiveElement } from 'lit';
+import { ParentWindowInfo } from '../../types/parent-window.js';
+import { DevvitEffectHandler } from './devvit-effect-handler.js';
 export declare class NavigateToUrlEffectHandler extends DevvitEffectHandler {
     #private;
     constructor(host: ReactiveElement, queryString?: string, parentWindowInfo?: ParentWindowInfo | undefined);

package/client/effects/navigate-to-url-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigate-to-url-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/navigate-to-url-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAQtC,qBAAa,0BAA2B,SAAQ,mBAAmB;;gBAO/D,IAAI,EAAE,eAAe,EACrB,WAAW,GAAE,MAAyC,EACtD,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS;IAOxC,WAAW,IAAI,IAAI;cAOT,eAAe,CAChC,UAAU,EAAE,mBAAmB,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GACjC,IAAI;CA2CR"}
+{"version":3,"file":"navigate-to-url-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/navigate-to-url-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AASjE,qBAAa,0BAA2B,SAAQ,mBAAmB;;gBAO/D,IAAI,EAAE,eAAe,EACrB,WAAW,GAAE,MAAyC,EACtD,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS;IAOxC,WAAW,IAAI,IAAI;cAOT,eAAe,CAChC,UAAU,EAAE,mBAAmB,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GACjC,IAAI;CA2CR"}

package/client/effects/navigate-to-url-handler.js

@@ -11,9 +11,12 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 };
 var _NavigateToUrlEffectHandler_queryString, _NavigateToUrlEffectHandler_parentWindowInfo, _NavigateToUrlEffectHandler_dialog;
 import { DevvitEffectHandler } from './devvit-effect-handler.js';
-/* eslint-disable security/detect-unsafe-regex */
-const IPV4_PATTERN = /((25[0-5]|(2[0-4]|1?[0-9])?[0-9])\.){3}(25[0-5]|(2[0-4]|1?[0-9])?[0-9])/;
-const IPV6_PATTERN = /(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]+|::(ffff(:0{1,4})?:)?((25[0-5]|(2[0-4]|1?[0-9])?[0-9])\.){3}(25[0-5]|(2[0-4]|1?[0-9])?[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1?[0-9])?[0-9])\.){3}(25[0-5]|(2[0-4]|1?[0-9])?[0-9]))/;
+const IPV4_PATTERN = 
+// eslint-disable-next-line security/detect-unsafe-regex
+/((25[0-5]|(2[0-4]|1?[0-9])?[0-9])\.){3}(25[0-5]|(2[0-4]|1?[0-9])?[0-9])/;
+const IPV6_PATTERN = 
+// eslint-disable-next-line security/detect-unsafe-regex
+/(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]+|::(ffff(:0{1,4})?:)?((25[0-5]|(2[0-4]|1?[0-9])?[0-9])\.){3}(25[0-5]|(2[0-4]|1?[0-9])?[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1?[0-9])?[0-9])\.){3}(25[0-5]|(2[0-4]|1?[0-9])?[0-9]))/;
 export class NavigateToUrlEffectHandler extends DevvitEffectHandler {
     constructor(host, queryString = 'devvit-navigate-offsite-dialog', parentWindowInfo) {
         super(host);

package/client/effects/realtime-effect-handler.d.ts

@@ -1,6 +1,6 @@
 import { RealtimeSubscriptionsEffect, UIEvent } from '@devvit/protos';
-import { DevvitEffectHandler } from './devvit-effect-handler.js';
 import { ReactiveElement } from 'lit';
+import { DevvitEffectHandler } from './devvit-effect-handler.js';
 export declare abstract class RealtimeEffectHandler extends DevvitEffectHandler {
     #private;
     protected constructor(host: ReactiveElement);

package/client/effects/realtime-effect-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"realtime-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/realtime-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,2BAA2B,EAE3B,OAAO,EACR,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAEtC,8BAAsB,qBAAsB,SAAQ,mBAAmB;;IAGrE,SAAS,aAAa,IAAI,EAAE,eAAe;IAI3C,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI;IAE5C,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAEvE,aAAa,IAAI,IAAI;IAK9B,SAAS,KAAK,OAAO,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAE9D;IAED,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAM5C,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IASrC,uBAAuB,CAC9B,aAAa,EAAE,2BAA2B,EAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAChC,IAAI;CASR"}
+{"version":3,"file":"realtime-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/realtime-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAA8B,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,8BAAsB,qBAAsB,SAAQ,mBAAmB;;IAGrE,SAAS,aAAa,IAAI,EAAE,eAAe;IAI3C,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI;IAE5C,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAEvE,aAAa,IAAI,IAAI;IAK9B,SAAS,KAAK,OAAO,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAE9D;IAED,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAM5C,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IASrC,uBAAuB,CAC9B,aAAa,EAAE,2BAA2B,EAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAChC,IAAI;CASR"}

package/client/effects/realtime-effect-handler.js

@@ -10,7 +10,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _RealtimeEffectHandler_instances, _RealtimeEffectHandler_onEvent, _RealtimeEffectHandler_sendEvent;
-import { RealtimeSubscriptionStatus, } from '@devvit/protos';
+import { RealtimeSubscriptionStatus } from '@devvit/protos';
 import { DevvitEffectHandler } from './devvit-effect-handler.js';
 export class RealtimeEffectHandler extends DevvitEffectHandler {
     constructor(host) {

package/client/effects/toast-effect-handler.d.ts

@@ -1,6 +1,7 @@
 import { Toast } from '@devvit/protos';
-import { DevvitEffectHandler } from './devvit-effect-handler.js';
 import { ReactiveElement } from 'lit';
+import { ParentWindowInfo } from '../../types/parent-window.js';
+import { DevvitEffectHandler } from './devvit-effect-handler.js';
 export declare class ToastEffectHandler extends DevvitEffectHandler {
     #private;
     constructor(host: ReactiveElement, parentWindowInfo?: ParentWindowInfo | undefined);

package/client/effects/toast-effect-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/toast-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAItC,qBAAa,kBAAmB,SAAQ,mBAAmB;;gBAG7C,IAAI,EAAE,eAAe,EAAE,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS;IAKzE,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAgBzC"}
+{"version":3,"file":"toast-effect-handler.d.ts","sourceRoot":"","sources":["../../../library/src/client/effects/toast-effect-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,gBAAgB,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,qBAAa,kBAAmB,SAAQ,mBAAmB;;gBAG7C,IAAI,EAAE,eAAe,EAAE,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS;IAKzE,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAgBzC"}

package/client/effects/toast-effect-handler.js

@@ -11,9 +11,9 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 };
 var _ToastEffectHandler_parentWindowInfo;
 import { ToastAppearance } from '@devvit/protos';
-import { DevvitEffectHandler } from './devvit-effect-handler.js';
 import { customEvent } from '@reddit/faceplate/lib/custom-event.js';
 import { Severity } from '@reddit/faceplate/types.js';
+import { DevvitEffectHandler } from './devvit-effect-handler.js';
 export class ToastEffectHandler extends DevvitEffectHandler {
     constructor(host, parentWindowInfo) {
         super(host);

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-7a37b6b0f.0",
+  "version": "0.10.15-next-2024-02-12-3ee5af35d.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-7a37b6b0f.0",
-    "@devvit/runtime-lite": "0.10.15-next-2024-02-09-7a37b6b0f.0",
-    "@devvit/runtimes": "0.10.15-next-2024-02-09-7a37b6b0f.0",
-    "@devvit/shared-types": "0.10.15-next-2024-02-09-7a37b6b0f.0",
+    "@devvit/protos": "0.10.15-next-2024-02-12-3ee5af35d.0",
+    "@devvit/runtime-lite": "0.10.15-next-2024-02-12-3ee5af35d.0",
+    "@devvit/runtimes": "0.10.15-next-2024-02-12-3ee5af35d.0",
+    "@devvit/shared-types": "0.10.15-next-2024-02-12-3ee5af35d.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-7a37b6b0f.0",
+    "@devvit/tsconfig": "0.10.15-next-2024-02-12-3ee5af35d.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": "2c45931eb875496f181a9b1cc3931625ecadb4fd"
+  "gitHead": "1110a505e1eb63e02364e2e8d0f42dce32ad09a9"
 }

package/types/parent-window.d.ts

@@ -0,0 +1,5 @@
+export type ParentWindowInfo = {
+    windowTop: Window;
+    postMessageHostOrigin: string;
+};
+//# sourceMappingURL=parent-window.d.ts.map

package/types/parent-window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parent-window.d.ts","sourceRoot":"","sources":["../../library/src/types/parent-window.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,qBAAqB,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/types/events.d.ts

@@ -1,49 +0,0 @@
-import { BlockAction, Effect, Form, RealtimeEvent, UIEvent } from '@devvit/protos';
-import { FaceplateEvent } from '@reddit/faceplate/event-types.js';
-import { Severity } from '@reddit/faceplate/types.js';
-declare global {
-    type DevvitUIEffectEvent = FaceplateEvent<'devvit-ui-effect'> & {
-        detail: Readonly<{
-            effect: Effect;
-            onEvent: (event: UIEvent) => void;
-        }>;
-    };
-    type DevvitUserAction = FaceplateEvent<'devvit-user-action'> & {
-        detail: Readonly<{
-            action: BlockAction;
-        }>;
-    };
-    type DevvitRealtimeSubscriptions = FaceplateEvent<'devvit-realtime-subs'> & {
-        detail: Readonly<{
-            channels: string[];
-        }>;
-    };
-    type DevvitRealtimeSend = FaceplateEvent<'devvit-realtime-send'> & {
-        detail: Readonly<{
-            event: RealtimeEvent;
-        }>;
-    };
-    type ParentWindowInfo = {
-        windowTop: Window;
-        postMessageHostOrigin: string;
-    };
-    type DevvitPostMessageEffectDetail = {
-        onEvent?: (event: UIEvent) => void;
-    } & ({
-        effectName: 'devvit:navigateToEffect';
-        url: string;
-    } | {
-        effectName: 'devvit:toastEffect';
-        message: string;
-        level: Severity;
-    } | {
-        effectName: 'devvit:formEffect';
-        form: Form;
-    });
-    interface HTMLElementEventMap {
-        'devvit-ui-effect': DevvitUIEffectEvent;
-        'devvit-user-action': DevvitUserAction;
-        'devvit-realtime-send': DevvitRealtimeSend;
-    }
-}
-//# sourceMappingURL=events.d.ts.map

package/types/events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../library/src/types/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,KAAK,mBAAmB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG;QAC9D,MAAM,EAAE,QAAQ,CAAC;YACf,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;SACnC,CAAC,CAAC;KACJ,CAAC;IAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC,oBAAoB,CAAC,GAAG;QAC7D,MAAM,EAAE,QAAQ,CAAC;YACf,MAAM,EAAE,WAAW,CAAC;SACrB,CAAC,CAAC;KACJ,CAAC;IAEF,KAAK,2BAA2B,GAAG,cAAc,CAAC,sBAAsB,CAAC,GAAG;QAC1E,MAAM,EAAE,QAAQ,CAAC;YACf,QAAQ,EAAE,MAAM,EAAE,CAAC;SACpB,CAAC,CAAC;KACJ,CAAC;IAEF,KAAK,kBAAkB,GAAG,cAAc,CAAC,sBAAsB,CAAC,GAAG;QACjE,MAAM,EAAE,QAAQ,CAAC;YACf,KAAK,EAAE,aAAa,CAAC;SACtB,CAAC,CAAC;KACJ,CAAC;IAEF,KAAK,gBAAgB,GAAG;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,qBAAqB,EAAE,MAAM,CAAC;KAC/B,CAAC;IAEF,KAAK,6BAA6B,GAAG;QACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;KACpC,GAAG,CACA;QACE,UAAU,EAAE,yBAAyB,CAAC;QACtC,GAAG,EAAE,MAAM,CAAC;KACb,GACD;QACE,UAAU,EAAE,oBAAoB,CAAC;QACjC,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,QAAQ,CAAC;KACjB,GACD;QACE,UAAU,EAAE,mBAAmB,CAAC;QAChC,IAAI,EAAE,IAAI,CAAC;KACZ,CACJ,CAAC;IAEF,UAAU,mBAAmB;QAC3B,kBAAkB,EAAE,mBAAmB,CAAC;QACxC,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}