@devvit/ui-renderer 0.10.23-next-2024-06-20-020b1b212.0 → 0.10.23-next-2024-06-24-5f3b561b2.0

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

package/client/devvit-surface.js

@@ -18,7 +18,7 @@ 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 _DevvitSurface_rootHeight, _DevvitSurface_resizeObserver, _DevvitSurface_intersectionObserver, _DevvitSurface_dispatcher, _DevvitSurface_newRenderContext, _DevvitSurface_onRender;
+var _DevvitSurface_instances, _DevvitSurface_rootHeight, _DevvitSurface_resizeObserver, _DevvitSurface_intersectionObserver, _DevvitSurface_dispatcher, _DevvitSurface_newRenderContext, _DevvitSurface_onRender, _DevvitSurface_bubble, _DevvitSurface_onUserActionEffect;
 import '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
 import { BlockConfig_Root, BlockStackDirection, UIDimensions } from '@devvit/protos';
 import { throttle } from '@devvit/shared-types/throttle.js';
@@ -28,6 +28,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { DEFAULT_ROOT_HEIGHT } from '../blocks/templates/renderBlock.js';
 import { styles } from '../styles.js';
 import { WebDispatcher } from './webDispatcher.js';
+import { customEvent } from '@reddit/faceplate/lib/custom-event.js';
 import '../blocks/components/devvit-blocks-renderer.js';
 import '../blocks/components/devvit-blocks-webview.js';
 import './devvit-animation-player.js';
@@ -47,6 +48,7 @@ let DevvitSurface = class DevvitSurface extends LitElement {
     }
     constructor() {
         super();
+        _DevvitSurface_instances.add(this);
         /** Enables debug logging for the local runtime */
         this.runtimeDebugLogging = false;
         /** Enable the use of experimental blocks that are not production ready */
@@ -60,9 +62,6 @@ let DevvitSurface = class DevvitSurface extends LitElement {
         _DevvitSurface_intersectionObserver.set(this, void 0);
         /** The orchestrates events for blocks */
         _DevvitSurface_dispatcher.set(this, void 0);
-        // #bubble<T>(type: string, detail: T): void {
-        //   this.dispatchEvent(customEvent(type, detail));
-        // }
         _DevvitSurface_newRenderContext.set(this, () => ({
             experimental: this.useExperimentalBlocks,
             webViewEnabled: this.allowWebView,
@@ -98,6 +97,12 @@ let DevvitSurface = class DevvitSurface extends LitElement {
                 }
             }
         });
+        _DevvitSurface_onUserActionEffect.set(this, (fx) => {
+            __classPrivateFieldGet(this, _DevvitSurface_instances, "m", _DevvitSurface_bubble).call(this, 'devvit-ui-effect', {
+                effect: fx,
+                onEvent: (ev) => __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f")?.submit([ev]),
+            });
+        });
         if (devvit?.debug.surface)
             console.debug(`[surface] Using devvit-surface and KMP!`);
     }
@@ -113,6 +118,7 @@ let DevvitSurface = class DevvitSurface extends LitElement {
         }, {
             useSpeculativeExecution: this.useSpeculativeExecution,
         }), "f");
+        __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").onUserAction = __classPrivateFieldGet(this, _DevvitSurface_onUserActionEffect, "f");
         __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").subscribe((params) => {
             __classPrivateFieldGet(this, _DevvitSurface_onRender, "f").call(this, {
                 request: params.request,
@@ -225,6 +231,11 @@ _DevvitSurface_intersectionObserver = new WeakMap();
 _DevvitSurface_dispatcher = new WeakMap();
 _DevvitSurface_newRenderContext = new WeakMap();
 _DevvitSurface_onRender = new WeakMap();
+_DevvitSurface_onUserActionEffect = new WeakMap();
+_DevvitSurface_instances = new WeakSet();
+_DevvitSurface_bubble = function _DevvitSurface_bubble(type, detail) {
+    this.dispatchEvent(customEvent(type, detail));
+};
 __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)

package/client/formbuilder/devvit-form-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devvit-form-dialog.d.ts","sourceRoot":"","sources":["../../../library/src/client/formbuilder/devvit-form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AACtF,OAAO,kEAAkE,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAwB,MAAM,kCAAkC,CAAC;AAI7F,OAAO,KAAK,EAAE,IAAI,EAAa,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAiC,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKxE,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAIxD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,0BAA0B,CAAC,GAAG;IAC/E,MAAM,EAAE;QACN,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACH,CAAC;AAEF;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAGvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAG1B,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,WAAoB,MAAM,8BAEzB;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IA2GpD,MAAM;CAuDhB"}
+{"version":3,"file":"devvit-form-dialog.d.ts","sourceRoot":"","sources":["../../../library/src/client/formbuilder/devvit-form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AACtF,OAAO,kEAAkE,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAwB,MAAM,kCAAkC,CAAC;AAI7F,OAAO,KAAK,EAAE,IAAI,EAAa,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAiC,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKxE,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAKxD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,0BAA0B,CAAC,GAAG;IAC/E,MAAM,EAAE;QACN,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACH,CAAC;AAEF;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAGvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAG1B,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,WAAoB,MAAM,8BAEzB;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAkHpD,MAAM;CAuDhB"}

package/client/formbuilder/devvit-form-dialog.js

@@ -33,6 +33,7 @@ import { styles } from '../../styles.js';
 import { renderFormFields } from './fields/index.js';
 import '@reddit/faceplate-ui/components/faceplate-dialog';
 import '@reddit/faceplate/components/faceplate-form.js';
+import { formKeyToHookId } from '@devvit/shared-types/useForm.js';
 /**
  * Devvit form dialog.
  *
@@ -97,9 +98,13 @@ let DevvitFormDialog = class DevvitFormDialog extends LitElement {
             if (!invalidFields || invalidFields.length > 0) {
                 return;
             }
+            if (!this.form?.id) {
+                throw new Error(`Cannot submit form due to missing form id. If you are using 'useForm' please make sure that it is not called conditionally inside of your component.`);
+            }
             __classPrivateFieldGet(this, _DevvitFormDialog_onEvent, "f").call(this, UIEvent.fromPartial({
+                hook: formKeyToHookId(this.form.id),
                 formSubmitted: {
-                    formId: this.form?.id,
+                    formId: this.form.id,
                     results: __classPrivateFieldGet(this, _DevvitFormDialog_collectValues, "f").call(this),
                 },
             }));

package/client/webDispatcher.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatcher, SubscribeCallbackParams } from '@devvit/multiplatform/ui-shared-shared.js';
 import { JsDispatcherImpl } from '@devvit/multiplatform/ui-shared-shared.js';
-import type { UIRequest } from '@devvit/protos';
+import type { Effect, UIRequest } from '@devvit/protos';
 import { type Metadata, type UIEnvironment, type UIEvent } from '@devvit/protos';
 import type { ReplayUIResponse, UIProps, UIState } from './runtimes.js';
 import { LocalRuntime, RemoteRuntime } from './runtimes.js';
@@ -15,6 +15,7 @@ export declare class WebDispatcher {
      * render events.
      */
     hasRendered: boolean;
+    onUserAction?: ((fx: Effect) => void) | undefined;
     get state(): KMPDispatcher['state'];
     constructor(initialState: Record<string, unknown>, env: UIEnvironment, config: {
         useSpeculativeExecution: boolean;

package/client/webDispatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webDispatcher.d.ts","sourceRoot":"","sources":["../../library/src/client/webDispatcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EAGV,uBAAuB,EAExB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAmB,MAAM,2CAA2C,CAAC;AAC9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAuC,MAAM,eAAe,CAAC;AAkBjG,KAAK,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAwC/C,qBAAa,aAAa;;IAOxB;;;;;;OAMG;IACH,WAAW,UAAS;IAMpB,IAAI,KAAK,IAAI,aAAa,CAAC,OAAO,CAAC,CAElC;gBAGC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrC,GAAG,EAAE,aAAa,EAClB,MAAM,EAAE;QAAE,uBAAuB,EAAE,OAAO,CAAA;KAAE;IAkC9C,IAAI,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,SAAS,EAOpD;IAED,IAAI,mBAAmB,CAAC,mBAAmB,EAAE,OAAO,EAEnD;IAED,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,uBAAuB,CAAC,SAAS,EAAE,gBAAgB,CAAC,KAAK,IAAI,GAAG,IAAI;IAiCtF,MAAM,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI;IAIlF,WAAW,IAAI,IAAI;IAInB,IAAI,IAAI,IAAI;IAIZ,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAUjC,aAAa,IAAI,IAAI;IAKrB,MAAM,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAIhC,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAI9B,UAAU,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI;IAItD,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAKzE,eAAe,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,GAAG,IAAI;CAGxE"}
+{"version":3,"file":"webDispatcher.d.ts","sourceRoot":"","sources":["../../library/src/client/webDispatcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EAGV,uBAAuB,EAExB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAmB,MAAM,2CAA2C,CAAC;AAC9F,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAuC,MAAM,eAAe,CAAC;AAkBjG,KAAK,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AA2C/C,qBAAa,aAAa;;IAOxB;;;;;;OAMG;IACH,WAAW,UAAS;IAKpB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAElD,IAAI,KAAK,IAAI,aAAa,CAAC,OAAO,CAAC,CAElC;gBAGC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrC,GAAG,EAAE,aAAa,EAClB,MAAM,EAAE;QAAE,uBAAuB,EAAE,OAAO,CAAA;KAAE;IAkC9C,IAAI,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,SAAS,EAOpD;IAED,IAAI,mBAAmB,CAAC,mBAAmB,EAAE,OAAO,EAEnD;IAED,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,uBAAuB,CAAC,SAAS,EAAE,gBAAgB,CAAC,KAAK,IAAI,GAAG,IAAI;IA+CtF,MAAM,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI;IAIlF,WAAW,IAAI,IAAI;IAInB,IAAI,IAAI,IAAI;IAIZ,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAUjC,aAAa,IAAI,IAAI;IAKrB,MAAM,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAIhC,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAI9B,UAAU,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI;IAItD,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAKzE,eAAe,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,GAAG,IAAI;CAGxE"}

package/client/webDispatcher.js

@@ -18,16 +18,16 @@ import { Timers } from './timers.js';
 class Logger {
     debug(messages) {
         if (devvit?.debug.runtime)
-            console.debug(...messages);
+            console.debug('[kmp-dispatcher]', ...messages);
     }
     error(messages) {
-        console.error(...messages);
+        console.error('[kmp-dispatcher]', ...messages);
     }
     info(messages) {
-        console.info(...messages);
+        console.info('[kmp-dispatcher]', ...messages);
     }
     warn(messages) {
-        console.warn(...messages);
+        console.warn('[kmp-dispatcher]', ...messages);
     }
 }
 /**
@@ -58,6 +58,8 @@ const makeMillisecondsFromDuration = ({ nanos, seconds, }) => {
     const nanosInMillis = nanos / 1000000;
     return Math.floor(secondsInMillis + nanosInMillis);
 };
+// Effects that can only be fired as the result of a user action
+const userActionEffects = ['showToast', 'showForm', 'navigateToUrl'];
 export class WebDispatcher {
     get state() {
         return __classPrivateFieldGet(this, _WebDispatcher_dispatcher, "f").state;
@@ -118,16 +120,21 @@ export class WebDispatcher {
                 console.debug(`[runtime] dispatcher got a new event from subscribe`, args[0]);
             const [{ response }] = args;
             response.effects.forEach((effect) => {
-                // We only need to handle interval effects!
-                if (!effect.interval)
+                if (userActionEffects.some((type) => effect[type])) {
+                    this.onUserAction?.(effect);
                     return;
-                const entries = Object.entries(effect.interval.intervals);
-                if (entries.length === 0) {
-                    __classPrivateFieldGet(this, _WebDispatcher_timers, "f").clear();
                 }
-                __classPrivateFieldGet(this, _WebDispatcher_timers, "f").apply(entries.map(([id, meta]) => 
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                new TimerDefinition(id, makeMillisecondsFromDuration(meta.duration))));
+                if (effect.interval) {
+                    const entries = Object.entries(effect.interval.intervals);
+                    if (entries.length === 0) {
+                        __classPrivateFieldGet(this, _WebDispatcher_timers, "f").clear();
+                    }
+                    __classPrivateFieldGet(this, _WebDispatcher_timers, "f").apply(entries.map(([id, meta]) => 
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    new TimerDefinition(id, makeMillisecondsFromDuration(meta.duration))));
+                    return;
+                }
+                console.warn(`Received an effect that is not implemented! Please add an effect handler to the web dispatcher. Effect: ${JSON.stringify(effect, null, 2)}`);
             });
             cb(...args);
         }), "f");

package/devvit-surface-meta.min.json

@@ -10194,7 +10194,7 @@
       "format": "esm"
     },
     "library/src/client/webDispatcher.ts": {
-      "bytes": 7256,
+      "bytes": 7938,
       "imports": [
         {
           "path": "../../node_modules/@devvit/multiplatform/kotlin/ui-shared-shared.js",
@@ -10835,7 +10835,7 @@
       "format": "esm"
     },
     "library/src/client/devvit-surface.ts": {
-      "bytes": 11011,
+      "bytes": 11323,
       "imports": [
         {
           "path": "../../node_modules/@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js",
@@ -10887,6 +10887,11 @@
           "kind": "import-statement",
           "original": "./webDispatcher.js"
         },
+        {
+          "path": "../../node_modules/@reddit/faceplate/lib/custom-event.js",
+          "kind": "import-statement",
+          "original": "@reddit/faceplate/lib/custom-event.js"
+        },
         {
           "path": "library/src/blocks/components/devvit-blocks-renderer.ts",
           "kind": "import-statement",
@@ -10916,7 +10921,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 12145737
+      "bytes": 12147442
     },
     "dist/devvit-surface.min.js": {
       "imports": [
@@ -11528,10 +11533,10 @@
           "bytesInOutput": 3097
         },
         "../protos/dist/types/devvit/plugin/redditapi/flair/flair_svc.js": {
-          "bytesInOutput": 4386
+          "bytesInOutput": 4387
         },
         "../protos/dist/types/devvit/gateway/utils/v1alpha/utilities.js": {
-          "bytesInOutput": 6614
+          "bytesInOutput": 6616
         },
         "../protos/dist/types/devvit/data/api/v1alpha/intake.js": {
           "bytesInOutput": 1675
@@ -11546,10 +11551,10 @@
           "bytesInOutput": 6051
         },
         "../protos/dist/types/devvit/actor/settings/v1alpha/instance_settings.js": {
-          "bytesInOutput": 18
+          "bytesInOutput": 19
         },
         "../protos/dist/types/devvit/actor/settings/v1alpha/installation_settings.js": {
-          "bytesInOutput": 18
+          "bytesInOutput": 19
         },
         "../protos/dist/types/devvit/actor/settings/v1alpha/app_settings.js": {
           "bytesInOutput": 19
@@ -11732,7 +11737,7 @@
           "bytesInOutput": 1178
         },
         "library/src/client/webDispatcher.ts": {
-          "bytesInOutput": 2190
+          "bytesInOutput": 2511
         },
         "../../node_modules/@lit/localize/internal/str-tag.js": {
           "bytesInOutput": 131
@@ -11792,10 +11797,10 @@
           "bytesInOutput": 1710
         },
         "library/src/client/devvit-surface.ts": {
-          "bytesInOutput": 4129
+          "bytesInOutput": 4372
         }
       },
-      "bytes": 4389549
+      "bytes": 4390170
     }
   }
 }