@devvit/ui-renderer 0.10.22-next-2024-05-30-0afee29bb.0 → 0.10.22-next-2024-05-30-f71f50a4b.0

package/client/devvit-surface.d.ts

@@ -1,5 +1,5 @@
 import '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import type { Effect, LinkedBundle, Metadata, RealtimeEvent, UIEvent } from '@devvit/protos';
+import type { Effect, LinkedBundle, Metadata, RealtimeEvent, UIEvent, UIResponse } from '@devvit/protos';
 import { UIDimensions } from '@devvit/protos';
 import { type WorkerErrorType } from '@devvit/runtime-lite/client/BrowserLiteClient.js';
 import type { FaceplateEvent } from '@reddit/faceplate/event-types.js';
@@ -70,6 +70,7 @@ export declare class DevvitSurface extends LitElement {
     /** Enabled the use of experimental blocks that are not production ready */
     useExperimentalBlocks: boolean;
     disableAssetSandbox: boolean;
+    renderResponse?: UIResponse;
     /** Width, height, and scale of this element, stays in sync as dimensions of element changes */
     dimensions?: UIDimensions;
     private _rootBlock?;

package/client/devvit-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-surface.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-surface.ts"],"names":[],"mappings":"AAAA,OAAO,kEAAkE,CAAC;AAE1E,OAAO,KAAK,EAEV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,OAAO,EAER,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAyC,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAExF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,gDAAgD,CAAC;AACxD,OAAO,+CAA+C,CAAC;AACvD,OAAO,8BAA8B,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;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;KAClF;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,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhD;;;;;;;;;GASG;AACH,qBACa,aAAc,SAAQ,UAAU;;IAC3C,WAAoB,MAAM,8BAEzB;IAED,gEAAgE;IAChC,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC9D,+DAA+D;IAC/B,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClE,oEAAoE;IACpC,gBAAgB,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAKpE,4GAA4G;IAC5E,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChE,mEAAmE;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IAC9E,kDAAkD;IAElD,mBAAmB,EAAE,OAAO,CAAS;IACrC,4DAA4D;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACxD,2EAA2E;IAE3E,qBAAqB,EAAE,OAAO,CAAS;IAEvC,mBAAmB,EAAE,OAAO,CAAS;IACrC,+FAA+F;IACtF,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B,OAAO,CAAC,UAAU,CAAC,CAAoB;;IAwBjC,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAiCxC,oBAAoB,IAAI,IAAI;cAYlB,MAAM;cAYA,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;CAmGhF"}
+{"version":3,"file":"devvit-surface.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-surface.ts"],"names":[],"mappings":"AAAA,OAAO,kEAAkE,CAAC;AAE1E,OAAO,KAAK,EAEV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,OAAO,EACP,UAAU,EACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAyC,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAExF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,gDAAgD,CAAC;AACxD,OAAO,+CAA+C,CAAC;AACvD,OAAO,8BAA8B,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;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;KAClF;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,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhD;;;;;;;;;GASG;AACH,qBACa,aAAc,SAAQ,UAAU;;IAC3C,WAAoB,MAAM,8BAEzB;IAED,gEAAgE;IAChC,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC9D,+DAA+D;IAC/B,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClE,oEAAoE;IACpC,gBAAgB,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAKpE,4GAA4G;IAC5E,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChE,mEAAmE;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IAC9E,kDAAkD;IAElD,mBAAmB,EAAE,OAAO,CAAS;IACrC,4DAA4D;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACxD,2EAA2E;IAE3E,qBAAqB,EAAE,OAAO,CAAS;IAEvC,mBAAmB,EAAE,OAAO,CAAS;IACrC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,+FAA+F;IACtF,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B,OAAO,CAAC,UAAU,CAAC,CAAoB;;IAwBjC,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAiCxC,oBAAoB,IAAI,IAAI;cAYlB,MAAM;cAYA,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;CAqGhF"}

package/client/devvit-surface.js

@@ -80,6 +80,7 @@ let DevvitSurface = class DevvitSurface extends LitElement {
         // };
         _DevvitSurface_onRender.set(this, (response) => {
             var _a, _b;
+            this.renderResponse = response;
             if (response?.blocks) {
                 this._rootBlock = response.blocks;
                 if (!__classPrivateFieldGet(this, _DevvitSurface_rootHeight, "f")) {

package/devvit-surface-meta.min.json

@@ -11097,7 +11097,7 @@
       "format": "esm"
     },
     "library/src/client/devvit-surface.ts": {
-      "bytes": 10064,
+      "bytes": 10132,
       "imports": [
         {
           "path": "../../node_modules/@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js",
@@ -11178,7 +11178,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 12336656
+      "bytes": 12336745
     },
     "dist/devvit-surface.min.js": {
       "imports": [
@@ -12072,10 +12072,10 @@
           "bytesInOutput": 1710
         },
         "library/src/client/devvit-surface.ts": {
-          "bytesInOutput": 3608
+          "bytesInOutput": 3630
         }
       },
-      "bytes": 4442623
+      "bytes": 4442645
     }
   }
 }

package/devvit-surface.min.js

@@ -1453,7 +1453,7 @@ button inline-flex items-center justify-center`},OH=e=>{let{createElement:t}=Qn(
         style="${xk(i)}"
         class="max-w-100 max-h-100"
         light
-      ></dotlottie-player>`:td`<div>Unsupported animation format</div>`}};En([gr({type:String})],Xs.prototype,"src",2),En([gr({type:Number})],Xs.prototype,"imageWidth",2),En([gr({type:Number})],Xs.prototype,"imageHeight",2),En([gr({type:Boolean})],Xs.prototype,"autoplay",2),En([gr({type:Boolean})],Xs.prototype,"loop",2),En([gr({type:Number})],Xs.prototype,"loopMode",2),En([gr({type:Number})],Xs.prototype,"type",2),En([gr({type:Number})],Xs.prototype,"direction",2),En([gr({type:Number})],Xs.prototype,"speed",2),En([NH("#lottie",!1)],Xs.prototype,"$lottieAnimation",2),En([Q3()],Xs.prototype,"loopModeStr",2),En([Q3()],Xs.prototype,"directionNum",2),Xs=En([T2("devvit-animation-player")],Xs);var a3,o3,s3,ds,$b,Hb,kd=class extends Ed{constructor(){super();this.runtimeDebugLogging=!1;this.useExperimentalBlocks=!1;this.disableAssetSandbox=!1;Yn(this,a3,void 0);Yn(this,o3,void 0);Yn(this,s3,void 0);Yn(this,ds,void 0);Yn(this,$b,()=>({experimental:this.useExperimentalBlocks,onAction:i=>Ht(this,ds).submit([{userAction:{actionId:i.id,data:i.data??{}},hook:i.id}]),stackDirection:ln.UNRECOGNIZED,disableAssetSandbox:this.disableAssetSandbox}));Yn(this,Hb,i=>{var a,r;i?.blocks&&(this._rootBlock=i.blocks,Ht(this,a3)?((a=this._rootBlock).config??(a.config={}),(r=this._rootBlock.config).rootConfig??(r.rootConfig=Hc.fromPartial({})),this._rootBlock.config.rootConfig.height=Ht(this,a3)):_a(this,a3,this._rootBlock.config?.rootConfig?.height||Ox))});console.log("Using devvit-surface and KMP!"),_a(this,ds,new X8({},{colorScheme:this.scheme,dimensions:this.dimensions,locale:void 0,timezone:void 0}))}static get styles(){return[y8]}async connectedCallback(){super.connectedCallback(),Ht(this,ds).subscribe(i=>{Ht(this,Hb).call(this,{request:i.request,response:i.response})}),_a(this,o3,new ResizeObserver(MH(i=>{if(i.length===0)return;let a=i[0],{contentRect:{width:r,height:n}}=a,o=window.devicePixelRatio;this.dimensions={width:Math.round(r),height:Math.round(n),scale:o}},600))),Ht(this,o3).observe(this,{box:"content-box"}),_a(this,s3,new IntersectionObserver(i=>{i.forEach(a=>{Ht(this,ds).togglePause(!a.isIntersecting)})})),Ht(this,s3).observe(this)}disconnectedCallback(){Ht(this,o3)?.unobserve(this),Ht(this,o3)?.disconnect(),Ht(this,s3)?.unobserve(this),Ht(this,s3)?.disconnect(),Ht(this,ds)?.unsubscribe(),super.disconnectedCallback()}render(){return td`<div class="relative">
+      ></dotlottie-player>`:td`<div>Unsupported animation format</div>`}};En([gr({type:String})],Xs.prototype,"src",2),En([gr({type:Number})],Xs.prototype,"imageWidth",2),En([gr({type:Number})],Xs.prototype,"imageHeight",2),En([gr({type:Boolean})],Xs.prototype,"autoplay",2),En([gr({type:Boolean})],Xs.prototype,"loop",2),En([gr({type:Number})],Xs.prototype,"loopMode",2),En([gr({type:Number})],Xs.prototype,"type",2),En([gr({type:Number})],Xs.prototype,"direction",2),En([gr({type:Number})],Xs.prototype,"speed",2),En([NH("#lottie",!1)],Xs.prototype,"$lottieAnimation",2),En([Q3()],Xs.prototype,"loopModeStr",2),En([Q3()],Xs.prototype,"directionNum",2),Xs=En([T2("devvit-animation-player")],Xs);var a3,o3,s3,ds,$b,Hb,kd=class extends Ed{constructor(){super();this.runtimeDebugLogging=!1;this.useExperimentalBlocks=!1;this.disableAssetSandbox=!1;Yn(this,a3,void 0);Yn(this,o3,void 0);Yn(this,s3,void 0);Yn(this,ds,void 0);Yn(this,$b,()=>({experimental:this.useExperimentalBlocks,onAction:i=>Ht(this,ds).submit([{userAction:{actionId:i.id,data:i.data??{}},hook:i.id}]),stackDirection:ln.UNRECOGNIZED,disableAssetSandbox:this.disableAssetSandbox}));Yn(this,Hb,i=>{var a,r;this.renderResponse=i,i?.blocks&&(this._rootBlock=i.blocks,Ht(this,a3)?((a=this._rootBlock).config??(a.config={}),(r=this._rootBlock.config).rootConfig??(r.rootConfig=Hc.fromPartial({})),this._rootBlock.config.rootConfig.height=Ht(this,a3)):_a(this,a3,this._rootBlock.config?.rootConfig?.height||Ox))});console.log("Using devvit-surface and KMP!"),_a(this,ds,new X8({},{colorScheme:this.scheme,dimensions:this.dimensions,locale:void 0,timezone:void 0}))}static get styles(){return[y8]}async connectedCallback(){super.connectedCallback(),Ht(this,ds).subscribe(i=>{Ht(this,Hb).call(this,{request:i.request,response:i.response})}),_a(this,o3,new ResizeObserver(MH(i=>{if(i.length===0)return;let a=i[0],{contentRect:{width:r,height:n}}=a,o=window.devicePixelRatio;this.dimensions={width:Math.round(r),height:Math.round(n),scale:o}},600))),Ht(this,o3).observe(this,{box:"content-box"}),_a(this,s3,new IntersectionObserver(i=>{i.forEach(a=>{Ht(this,ds).togglePause(!a.isIntersecting)})})),Ht(this,s3).observe(this)}disconnectedCallback(){Ht(this,o3)?.unobserve(this),Ht(this,o3)?.disconnect(),Ht(this,s3)?.unobserve(this),Ht(this,s3)?.disconnect(),Ht(this,ds)?.unsubscribe(),super.disconnectedCallback()}render(){return td`<div class="relative">
       <devvit-blocks-renderer
         class="${this.scheme??""}"
         .block="${this._rootBlock}"